html {height: 100%;}
body {background: black; padding: 0; text-align: center; font-family: 'open sans'; position: relative; margin: 0; height: 100%; -webkit-font-smoothing: antialiased;}

.wrapper {height: 100% !important; height: 100%; margin: 0 auto; overflow: hidden;}

a {text-decoration: none;}

.main section {overflow: hidden;}
.main section.page1 {background: url(../images/9.JPG) no-repeat center; background-size: 100%;}
.main section.page1 .page_container {overflow: hidden; background: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; top: 50%; margin-top: -81px;}
.main section.page1 h2 {color: white; text-align: center; line-height: 140%; font-size: 40px; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);}
.main section.page1 h3 {text-align: center; padding: 0; font-size: 16px; color: rgb(50, 225, 250); font-weight: 200; display: block; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.9); font-family: Arial;}
.main section.page1 h3.left {margin: -30px 0px 0px 45px;}
.main section.page1 h3.right {margin: 0px 0px 40px 260px;}
.main section.page2 {background: url(../images/2.jpg) no-repeat center; background-size: 100%;}
.main section.page2 .page_container {overflow: hidden; background: rgba(0, 0, 0, 0.8); width: 100%; position: absolute; bottom: 15%;}
.main section.page2 h1 {text-align: left; padding: 0; padding: 0 10%; margin-bottom: 20px; font-size: 40px; letter-spacing: -1px; color: rgb(50, 225, 250);}
.main section.page2 p {color: rgba(255,255,255,0.85); text-align: left; line-height: 160%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); font-family: Arial; font-size: 14px; padding: 0 10% 30px 10%;}
.main section.page3 {background: url(../images/3.jpg) no-repeat center; background-size: 100%;}
.main section.page3 .page_container {overflow: hidden; width: 70%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 50%; left: 5%; margin-top: -60px;}
.main section.page3 p {color: white; text-align: center; line-height: 150%; font-family: Arial; font-size: 15px; padding: 20px 40px;}
.main section.page4 {background: url(../images/5a.jpg) no-repeat center; background-size: 100%;}
.main section.page4 .page_container {overflow: hidden; width: 100%; background: rgba(0, 0, 0, 0.55); position: absolute; top: 50%; margin-top: -193px;}
.main section.page4 p {color: white; text-align: center; line-height: 150%; font-family: Arial; font-size: 15px; padding: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}
.main section.page4 p span {font-family: 'open sans'; font-size: 40px; letter-spacing: -1px; padding: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);}
.main section.page4 a {display: block; background: black; border: 1px solid white; border-radius: 5px; color: white; text-align: center; font-family: Arial; font-size: 15px; padding: 10px 20px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); width: 200px; margin: 0 auto; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);}

.commercial {position: fixed; right: 20px; bottom: 20px;}
.commercial a{text-decoration: none; color: white; font-size: 11px; float: right;}


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

@media only screen and (max-width : 1024px){
.main section.page1 h1 {font-size: 45px;}
.main section.page1 h2 {font-size: 36px;}
.main section.page1 .page_container {margin-top: -81px;}
.main section.page3 .page_container {margin-top: -71px;}
.main section.page4 .page_container {margin-top: -193px;}
}

@media only screen and (max-width : 768px){
.main section.page1 h1 {font-size: 40px;}
.main section.page1 h2 {font-size: 32px;}
.main section.page2 h1 {font-size: 32px;}
.main section.page4 p span {font-size: 32px;}
.main section.page1 .page_container {margin-top: -149px;}
.main section.page3 .page_container {margin-top: -82px;}
.main section.page4 .page_container {margin-top: -195px;}
}

@media only screen and (max-width : 640px){
.main section.page1 h2 {font-size: 25px;}
.main section.page1 h3 {font-size: 12px;}
.main section.page1 h3.left {margin: 0;}
.main section.page1 h3.right {margin: 0;}
.main section.page2 h1 {font-size: 25px;}
.main section.page2 p {font-size: 12px;}
.main section.page3 p {font-size: 12px;}
.main section.page4 p {font-size: 12px; padding: 7px;}
.main section.page4 p span {font-size: 25px;}
.main section.page1 .page_container {margin-top: -119px;}
.main section.page3 .page_container {margin-top: -72px;}
.main section.page4 .page_container {margin-top: -156px;}
.main section.page4 a {font-size: 12px; padding: 7px 20px;}
}

@media only screen and (max-width : 480px){
.main section.page1 h1 {font-size: 20px;}
.main section.page1 h2 {font-size: 15px;}
.main section.page2 h1 {font-size: 15px;}
.main section.page4 p span {font-size: 15px;}
.main section.page2 p {font-size: 10px;}
.main section.page3 p {font-size: 10px; padding: 5px;}
.main section.page4 p {font-size: 10px; padding: 5px;}
.main section.page1 .page_container {margin-top: -99px;}
.main section.page3 .page_container {margin-top: -72px;}
.main section.page4 .page_container {margin-top: -130px;}
.main section.page4 a {font-size: 10px; padding: 5px 20px; width: 150px;}
}