@font-face {font-family:PTSans; src:url(fonts/PT_Sans-Web-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/PT_Sans-Web-Regular.woff) format('woff'), url(fonts/PT_Sans-Web-Regular.ttf) format('truetype')}
@font-face {font-family:PTSansBold; src:url(fonts/PT_Sans-Web-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/PT_Sans-Web-Bold.woff) format('woff'), url(fonts/PT_Sans-Web-Bold.ttf) format('truetype')}
*, ul {margin:0; padding:0;}
li p, ul ul {padding:0!important;}
html {text-rendering:optimizeLegibility; font-size:15px;}
body {font-family:PTSans;}
iframe {border:0;}
p {padding:0 150px;}
header {width:100%; padding-top:17px; position:relative; height:40px; top:0; z-index:100; box-shadow:3px 3px 8px rgba(0, 0, 0, .5); background-color:#001633;}

.banner {height:779px; 
/*    background-image:url(img/HeaderImage.jpg);*/
    background-size:cover; position:relative; z-index:90; background-position:center;}
.bannerTitle h1, .bannerTitle h2, .bannerTitle p {letter-spacing:4px; font-weight:400; text-align:center; font-size:33px;}
.bannerTitle {position:absolute; width:100%; top:50px;}
.bannerTitle .bannerImg {height:47px; width:249px; margin:20px auto;}
.section2, .section4, footer {z-index:91;}

.bodyContent .bodyContentContainer div {color:#fff; text-align:center; letter-spacing:1px; font-weight:400; line-height:25px; position:relative;}

.bodyContent .bodyContentContainer div table {margin:0 auto;}

.section2 {height:452px; width:100%;}
.section2 h2 {padding-top:40px;}

.section4 {height:342px; width:100%; background-color:#FFDC2D; color:#17243D!important;}

.section7, footer {width:100%;}

.section7 {
    height:920px; 
    background:url(img/section7bg.jpg) center center no-repeat fixed #FFF; 
    background-size:cover; text-align:center; position:relative;
}
.section7 h2 {text-align:center; 
/*    text-transform:uppercase;*/
    letter-spacing:2px; font-weight:400; font-size:33px; padding:393px 20px 0; margin-bottom:32px; color:#fff;}
.section7 .sectionLogo {position:absolute; bottom:20px; width:100%; align-content:center;}

footer {padding-top:20px; height:inherit; background-color:#231f20; padding-bottom:20px;}

@media only screen and (max-width:1366px) {
    .section7 {background-image:url(img/section7bg-1366.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
}

@media only screen and (max-width:1024px) {
    header {height:40px;}
    .bodyContent .bodyContentContainer div h2 {line-height:36px;}
    .section7 {background-image:url(img/section7bg-1024.jpg);background-size:cover; background-position:center; background-attachment:fixed;}
    footer {height:inherit; overflow:hidden;}
}

@media only screen and (max-width:823px) {
    
}

@media only screen and (max-width:812px) {
    footer {height:inherit;}
}

@media only screen and (max-width:768px) {
    .section7 {background-image:url(img/section7bg-768.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
    footer {height:inherit;}
}

@media only screen and (max-width:736px) {
    .section7 {background-image:url(img/section7bg-736.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
}

@media only screen and (max-width:669px) {
    .section2 {width:649px; padding:0 10px;}
    footer {height:inherit;}
    .section7 {background-image:url(img/section7bg-669.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
}

@media only screen and (max-width:640px) {
    .section2, .section4 {width:620px; padding:0 0px;}
}

@media only screen and (max-width:568px) {
    .banner {height:850px;}
    .section2, .section4 {width:100% !important; padding:0 0px;}
    footer {height:inherit;}
}

@media only screen and (max-width:480px) {
    .banner {height:850px;}
    .bannerTitle .subPage {margin:0 auto 60px!important;}
    .bannerTitle h1, .bannerTitle h2 {font-size:23px; padding:0 10px;}
    .section2, .section4 {width:460px; padding:0 0px;}
    footer {height:inherit;}
    .section7 {background-image:url(img/section7bg-480.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
}

@media only screen and (max-width:470px) {
    .banner {height:860px;}
    .bannerTitle h1, .bannerTitle h2 {font-size:28px;}
    footer {height:inherit;}
}

@media only screen and (max-width:414px) {
    header {height:40px;}
    .bannerTitle .subPage {margin:0 auto 80px!important;}
    .section2, .section4 {width:394px; padding:0 0px;}
    .section2 {height:442px!important;}
    .section7 {background-image:url(img/section7bg-414.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
}

@media only screen and (max-width:379px) {
    .banner {height:850px;}
    .bannerTitle h1, .bannerTitle h2 {font-size:23px;}
    .section2, .section4 {width:369px!important; padding:0 3px!important;}
    .section2 {height:522px!important;}
    footer {height:inherit;}
    .section7 {background-image:url(img/section7bg-379.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
}

@media only screen and (max-width:320px) {
    .section2, .section4 {width: 300px!important; padding:0 10px!important;}
    .section4 {padding-bottom:30px!important;}
    .section7 h2 {padding-top:110px;}
    footer {height:inherit;}
    .section7 { background-image:url(img/section7bg-320.jpg); background-size:cover; background-position:center; background-attachment:inherit;    }
}