/************************************************ Background ************************************************/
body {
	background:#000;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

html {
	scroll-behavior: smooth;
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family: "stolzl", Arial, Helvetica, sans-serif;
	color:#3f5e71;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.container {
	width:100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	position: relative;
	justify-content: center;
	height: 100vh;
}

.top_bg {
	width:100%;
	height: 50.5%;
	/*background: url("../images/top-bg.jpg") no-repeat bottom center;*/
	background-size: cover;
	position: relative;
}

.top_bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom center;
	line-height: 0;
}

.bottom_bg {
	width:100%;
	height: 50%;
	/*background: url("../images/bottom-bg.jpg") no-repeat top center;*/
	background-size: cover;
	position: relative;
	margin:-0.5% 0 0;
	z-index: 2;
}

.bottom_bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	line-height: 0;
}

#logo {
	top:50%;
	transform: translateY(-50%);
	margin: -2px auto 0;
	min-width: 350px;
	width: 30%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
}

#logo img {
	width:100%;
}


/************************************************ Responsive ************************************************/

@media only screen and (max-width: 1400px) {
#logo {
	width: 40%;
}	
}

@media only screen and (max-width: 1300px) {
#logo {
	/*width: 25%;*/
}	
}

@media only screen and (max-width: 1200px) {
	
}

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

#logo {
	width: 40%;
}
	
}

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

#logo {
	width: 57%;
}
	
.bottom_bg img {
	height: 100%;
}
}

@media handheld, only screen and (max-width: 767px) {
	
#logo {
	width: 70%;
}
	
.top_bg {
	height: 50%;
}
	
}

@media screen and (orientation:landscape) 
and (max-device-width: 900px) {
   .bottom_bg img {
	object-fit:none;
}
}

@media screen and (orientation:landscape) 
and (max-device-width: 600px) {
	
#logo {
	width: 60%;
}
.bottom_bg {
	margin: -1.5% 0 0;
}
}

/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 600px) {

#logo {
	width: 70%;
	min-width: 0;
}
	
.bottom_bg {
	margin: -1.5% 0 0;
}

}

@media handheld, only screen and (max-width: 400px) {
	#logo {
	width: 86%;
	min-width: 0;
}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}