body{
	background-color:#212229;
	margin:0px;
	/*font-family: Verdana;*/
	font-family: Avenir Next Condensed Demi Bold, Verdana;
	color:#ddd;
}

a {
	text-decoration:none;
	color:#ddd;
}

a:hover {
	text-decoration:none;
	color:#555;
}

.content {
	position: absolute;

	left: 50%;
	margin-right: -50%;
	/*-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);*/
	transform: translate(-50%, 0);
	/*top: 50%;
	transform: translate(-50%, -50%);*/
	width:80%;
	height:88%;
	padding:3%;
	justify-content: center;
}

.squarepic {
	float:left;
	width:11%;
	margin:1.6%;
	/*margin-top:2%;
	margin-left:2%;
	margin-right:2%;*/
	border:none;
}

#logo {
	width:12%;
	float:left;
	margin-left: 4%;
	/*margin-left:3.2%;
	margin-right:3.2%;
	/*position: absolute;
	top:0px;
	left:0px;
	margin:5px;
	float:right;*/
}

#converg {
	width:15%;
	position:absolute;
	bottom:10%;
	right:15%;
}

#ConvergText {
	color:#077a07;
	font-size:45px;
}

@media only screen and (max-width: 1200px) and (orientation:landscape) {
	#ConvergText {
		font-size:35px;
	}
}

@media only screen and (max-width: 550px) and (orientation:portrait) {
	#ConvergText {
		font-size:35px;
	}
}
@media only screen and (max-width: 450px) and (orientation:portrait) {
	#ConvergText {
		font-size:25px;
	}
}

@media (orientation:portrait) {
	.squarepic {
		width:21.5%;
	}
	#logo {
		width:43%;
	}
}

#skip {
	width:99.4%;
	padding-top:1.5%;
	padding-bottom:2%;
}


/*Gallery*/
.contentGallery {
	height:60%;
	width:65%;
}

.galleryPicBig {
	/*width:100%;
	height:20%;*/
	float:right;
	width:53.6%;
	height:43vw;
	object-fit: cover;
}

.galleryPicBigLandscape {
	visibility:visible;
	margin-top:1.6%;
	margin-right:2%;
}

.galleryPicBigPortrait {
	visibility:hidden;
	height:0px;
	margin-top:0px;
}

@media (orientation:portrait) {
	.galleryPicBig {
		float:left;
		width:95.6%;
		height:70vw;
	}
	
	.galleryPicBigLandscape {
		visibility:hidden;
		height:0px;
	}

	.galleryPicBigPortrait {
		margin-left:1.3%;
		margin-top:1.3%;
		margin-bottom:1%;
		visibility:visible;
	}
}

.gallerySquarepic {
	float:left;
}

.introSlideshow {
	width:100%;
	height:100%;
	/*max-width:100%;
	max-height:100%;
	display:inline-block;
	margin: 0 auto;
	vertical-align: middle;*/
	object-fit: cover;
}