/*
Custom Css
*/

*, ::after, ::before{box-sizing: border-box;}

/* General */

body{margin: 0px;padding: 0px;font-family: "Roboto", sans-serif;font-size: 18px;line-height: 30px;font-weight: 400;letter-spacing: 0.5px;}

.container{max-width: 100%;padding: 0px 50px;margin: 0px auto;}
.section{float: left;width: 100%;}

/* Header */

.main{background: #c20000 url(../images/red-bg.jpg) no-repeat center;background-size: cover;position: relative;float: left;width: 100%;min-height: 100vh;}
.landing{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.landing .logo{background: rgba(255,255,255,1);padding: 20px 45px;text-align: center;border-radius: 12px;display: inline-block;vertical-align: top;}
.landing .logo img{max-width: 300px;display: block;}
.landing .contact{font-size: 18px;line-height: 26px;color: #ffffff;font-weight: 500;}
.landing .contact a{color: #ffffff;text-decoration: none;margin: 0px 15px;border-bottom: solid 2px rgba(255,255,255,0.6);}
.landing .contact h1{font-size: 36px;line-height: 44px;color: #ffffff;text-transform: uppercase;font-weight: 800;margin: 40px 0px 10px 0px;}
.topHeader{position: absolute;top: 20px;left: 0px;right: 0px;font-size: 44px;line-height: 50px;color: #ffffff;text-transform: uppercase;font-weight: 800;text-align: center;letter-spacing: 2px;}
.disclaimer{position: absolute;bottom: 30px;left: 0px;right: 0px;text-align: center;}
.disclaimer span{font-size: 15px;line-height: 24px;color: #ffffff;padding: 3px 15px;border: solid 1px #ffffff;font-weight: 500;display: inline-block;}

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

    

}

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


}

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


}

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

    .topHeader{font-size: 36px;line-height: 44px;}


}

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

    .topHeader{letter-spacing: 0px;}
    .landing .logo img{max-width: 240px;}
    .landing .contact h1{margin: 20px 0px 5px 0px;}

}

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

    .topHeader{position: relative;top: inherit;line-height: 38px;padding: 20px 5%;}
    .landing{position: relative;top: inherit;left: inherit;transform: inherit;}
    .landing .logo{padding: 15px 20px;}
    .landing .contact{font-size: 16px;line-height: 24px;}
    .landing .contact a{margin: 0px;}
    .disclaimer{position: relative;bottom: inherit;padding: 40px 0px;}
    .disclaimer span{font-size: 14px;line-height: 22px;padding: 3px 8px;}

}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  


}

@media only screen and (max-width: 768px) and (orientation: landscape) {

}