/*
Site Name: Aaron East Coming Page
Author: (I) Softnio
Tracking Change: 161806#iO:180213#1039
*/
/* ############# GENERAL RESETS AND FIXES ############# */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* ## FONT FACE ## */
@font-face {
    font-family: 'Gotham'; font-weight:normal; font-style:normal; src: url('../fonts/GothamBook.eot'); src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBook.woff2') format('woff2'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg#Gotham') format('svg'); }
@font-face {
	font-family: 'Gotham'; font-weight:700; font-style:normal; src: url('../fonts/GothamBold.eot');src: url('../fonts/GothamBold.eot') format('embedded-opentype'),url('../fonts/GothamBold.woff2') format('woff2'),url('../fonts/GothamBold.woff') format('woff'),url('../fonts/GothamBold.ttf') format('truetype'),url('../fonts/GothamBold.svg#Gotham') format('svg');
}
@font-face {
	font-family: 'Gotham'; font-weight:500; font-style:normal; src: url('../fonts/GothamMedium.eot');src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),url('../fonts/GothamMedium.woff2') format('woff2'),url('../fonts/GothamMedium.woff') format('woff'),url('../fonts/GothamMedium.ttf') format('truetype'),url('../fonts/GothamMedium.svg#Gotham') format('svg');
}

/* ############# GENERAL STYLES ############# */
body {font-family:'Gotham', Arial, Helvetica, sans-serif; font-size:20px; color:#333; line-height:24px; position: relative; z-index: 2; margin: 0; font-weight:normal;}
h1, h2, h3, h4, h5{font-weight: 700; font-style: normal; color: #8f8b2d; font-family: 'Gotham', Arial, Helvetica, sans-serif;}
h1{padding: 0 0 15px; text-transform:uppercase; font-size:36px;line-height: 40px;}
h3{font-size: 24px; line-height: 25px;}
a:link, a:visited {color:#333; text-decoration:none;}
a:focus, a:hover{color:#333; text-decoration:none;}
a:active {color:#0e559f; text-decoration:none;}
p {padding:0 0 10px 0; font-size: 20px; font-weight:normal; font-style: normal; line-height: 22px; font-family:'Gotham', Arial, Helvetica, sans-serif;}

/* ############# GENERAL STUCTURE ############# */
body:after{content: ''; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; background: url(../images/body-bg.jpg) no-repeat  50% 10%/ cover;}
.wrapper {position:relative; z-index: 1;width: 100%;height: 100vh;max-width: 700px;margin: 0 auto;text-align: center;}
.main{display: table;height: 100vh; margin: 0 auto; width:100%;}
.block-wrap{display: table-cell;vertical-align: middle; max-width: 700px; width: 100%;padding: 20px 0;}
.inner-block{padding:30px 50px 30px; box-sizing:border-box; background:rgba(255,255,255,.95); border-radius:6px;text-align: center;}


.site-logo{max-width: 165px; margin: 0 auto; margin-bottom: 15px;} 
.site-logo img{max-width: 100%; height: auto;}

.block-wrap h1{padding: 0; margin-bottom:10px;font-weight: 500; text-transform: capitalize;}
.block-wrap h3{padding: 0; margin-bottom: 20px;font-weight: normal;color:#333;padding-bottom: 23px;position: relative;}
.block-wrap h3::after{content: "";position: absolute;background-color: #c9c6af;height: 3px;width: 117px;left: 0;bottom: 0;right: 0;text-align: center;display: block;margin: 0 auto;}

.block-wrap h3 + h1{font-weight: 700;padding-bottom: 20px;margin:0;}

.info {font-size: 18px; line-height: 28px;color:#000;font-weight: normal;} .info p{font-size: inherit;line-height: inherit;}
.info p + p{margin-top: 5px;}

@media (min-width: 1600px){
	.inner-block{padding:100px 100px 80px;}
	.block-wrap h3 + h1{padding-bottom: 40px;}
	.info p + p{margin-top: 10px;}
}

@media (max-width: 1279px){
	
	.wrapper, .block-wrap{max-width: 600px;}
	.site-logo{max-width: 110px;margin-bottom: 10px;}
	.block-wrap h1{font-size: 30px;line-height: 36px;}
	.block-wrap h3{margin-bottom: 15px;}
	.block-wrap h3 + h1{padding-bottom: 25px;}
	.info {font-size: 16px; line-height: 22px;}
	.info p + p{margin-top: 0px;}

}

@media (max-width: 979px){
	.wrapper, .block-wrap{max-width: 480px;}
	.block-wrap h1{font-size: 24px;line-height: 30px;}
	.block-wrap h3{font-size: 18px;margin-bottom: 10px; padding-bottom: 15px;}
	.block-wrap h3 + h1{padding-bottom: 15px;}
	.info {font-size: 14px; line-height: 20px;}
	
}

@media (max-width: 767px){
	.wrapper, .block-wrap{max-width: 400px;}
	.inner-block{padding: 30px;}
	.block-wrap h1{font-size: 22px;line-height: 26px;}
	.block-wrap h3{font-size: 16px;padding-bottom: 10px;}
	.block-wrap h3 + h1{padding-bottom: 10px;}
	.info {font-size: 14px; line-height: 20px;}
	
}

@media (max-width: 599px){
	.wrapper, .block-wrap{max-width: 90%;}
	.inner-block {padding: 20px 10px 10px;}
	.block-wrap h1{font-size: 18px; line-height: 24px;}
	.info {font-size: 11px;line-height: 15px;}
	
}
/*End Styles