/* CONTENT */
#wrapper{
	height:				100%;
}

#main{
	height:				100%;
	
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	justify-content:	space-between;
	align-items:		stretch;
	align-content:		stretch;
}
#main a, #main span.strong{
	font-weight:		700;
}
#main a:hover{
	color:				var(--fontlink);
}
@media screen and (max-width: 1600px){
#main{
	max-width:			100%;
	}
}
/* LEFT WING */
.left{
	width:				calc(50% - 40px);
	height:				100%;
	margin-left:		80px;
/*	background:			rgba(255,0,0,0.05);		/* CHECK TOOL */
	
	display:			flex;
	flex-direction:		column;
	flex-wrap:			nowrap;
	justify-content:	center;
	align-items:		center;
	align-content:		center;
}
@media screen and (max-width: 1600px){
.left{
	width:				calc(100% - 80px);
	height:				100%;
	margin-left:		80px;
	}
}
#logo{
	margin:				auto;
	width:				50%;
/*	background:			blue;	  CHECK TOOL */
}
#sublogo{
	margin:				2.500%;
	margin-bottom:		5.000%;
/*	background:			blue;	 /*	CHECK TOOL */
}
.textback{
	position:			relative;
	left:				-30%;
	width:				50%;
	height:				70%;
	background:			var(--fontback);
	transform:			rotate(5deg);		
}
.text{
	position:			relative;
	left:				50%;
	top:				0%;
	transform:			rotate(-5deg);
}

/* LEFT WING END */

/* RIGHT WING */
.right{
	width:				calc(50% - 40px);
	height:				100%;
/*	background:			rgba(0,255,0,0.05);	/* CHECK TOOL */
	
	display:			flex;
	flex-direction:		column;
	flex-wrap:			nowrap;
	justify-content:	center;
	align-items:		center;
	align-content:		center;
}
@media screen and (max-width: 1600px){
.right{
	width:				calc(100% - 80px);
	height:				100%;
	margin-left:		80px;
	}
}
#imagecluster{
	width:				60.000%;
	height:				47.000%;
/*	background:			blue;	 /* CHECK TOOL */

	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	justify-content:	center;
	align-items:		center;
	align-content:		center;
}
.cluster{
	width:				50.000%;
	height:				50.000%;
	
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	justify-content:	center;
	align-items:		center;
	align-content:		center;
	
/*	background:			aqua;	 /* CHECK TOOL */
}
.cluster:hover{
/*	background:			blue;	/* CHECK TOOL */
}
.cluster img{
	width: 100%; /* or any custom size */
    height: 100%; 
    object-fit: cover;
}

#cluster_1{
	padding-bottom:		0;
}
#cluster_2{
	position:			relative;
	bottom:				0;
	left:				0;
}
#cluster_3{
	position:			relative;
	top:				0;
	right:				0;
}
#cluster_4{
	position:			relative;
	top:				0;
	left:				0;
}
#image{
	display: block;
	width: 75%;
	height: 75%;
	overflow: hidden;
	
	display:			flex;
	flex-direction:		column;
	flex-wrap:			nowrap;
	justify-content:	center;
	align-items:		center;
	align-content:		center;
}
#image img{
	height: 100%;
	min-width: 100%;
}
/* RIGHT WING END */

/* CONTENT END */