*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
	overflow: hidden;
}
    
  

div {
	position: absolute;
	width:50%;
	height:50%;
}

.top-left {
	/*border-right: solid 0.5px orangered;
	border-bottom: solid 0.5px orangered;*/
	position: absolute;
	overflow-x:hidden;
	overflow-y:auto;
	padding: 30px;

	}

.main{
	font-size: 30pt;
	text-align: center;


}

.poster{
	width:500px;
}


.top-right{
	left: 50%;
	/*border-bottom: solid 0.5px orangered;*/
	position: absolute;
	overflow-x:hidden;
	overflow-y:auto;
	padding: 30px;
	}

.workshop{
	width:500px;
}

.explanation{
	text-align: left ;
	margin-left: 30px;
	letter-spacing: 1pt;
	line-height: 17pt;
}
	

.bottom-left{
	top: 50%;
	/*border-right: solid 0.5px orangered;*/
	position: absolute;
	overflow-x:hidden;
	overflow-y:auto;
	padding: 30px;

}

.photo{
	width:500px;
	padding:20px;
}

.dadaimg{
	font-size: 30pt;
}
	

.bottom-right{
	top:50%;
	left: 50%;
	position: absolute;
	overflow-x:hidden;
	overflow-y:auto;
	padding: 30px;
	
}











@media screen and (max-width: 704px) {

}