/*
Custom Css
*/

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

/* General */

body{margin: 0px;padding: 0px;font-family: "Poppins", 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: #135292 url(../images/good-guy-comingsoon-img.jpg) no-repeat bottom right;background-size: auto 100%;position: relative;float: left;width: 100%;min-height: 100vh;}

.header{padding: 15px 0px;transition: all 0.5s ease;z-index: 99999;position: fixed;top: 0px;left: 0px;right: 0px;}
.header .container{max-width: 100%;}
.header .miamiLogo{float: left;}
.header .miamiLogo img{display: block;height: 90px;}
.header .topSocial{float: right;margin-top: 30px;}
.header .topSocial a{margin: 0px 6px;}

.landing{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.landing .landingContact{font-family: "Poppins", serif;font-size: 32px;line-height: 40px;color: #ffffff;text-align: center;text-transform: uppercase;}
.landing .landingContact strong{font-weight: 600;}
.landing .landingContact h1{font-size: 100px;line-height: 102px;color: #ffffff;font-weight: 700;margin: 0px 0px 40px 0px;}
.landing .landingContact h1 strong{background: #46bcdf;font-size: 90px;line-height: 96px;color: #002e53;font-weight: 700;display: inline-block;padding: 0px 30px;}
.landing .landingContact p{margin: 0px;}
.landing .landingContact h4{font-size: 56px;line-height: 62px;color: #ffffff;font-weight: 700;font-style: italic;margin: 0px 0px 30px 0px;}
.landing .landingBtn{text-align: center;}
.landing .landingBtn a{display: inline-block;background: #46bcdf;font-size: 24px;line-height: 32px;color: #ffffff;font-weight: 500;text-transform: uppercase;text-decoration: none;padding: 12px 40px;}
.landing .landingBtn a:hover{background: #ffffff;color: #002e53;}

.footer{padding: 20px 0px;text-align: center;position: fixed;bottom: 0px;left: 0px;right: 0px;font-size: 15px;line-height: 24px;color: #ffffff;letter-spacing: 1px;}
.footer .footerLink{margin: 0px;float: left;}
.footer .footerLink a{color: #ffffff;border-bottom: solid 1px #ffffff;text-decoration: none;}
.footer .footerLink a:hover{border: none;}
.footer .copyright{float: right;}


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

    

}

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

    .main{background: #135292 url(../images/good-guy-comingsoon-img.jpg) no-repeat bottom center;background-size: 100% auto ;}

}

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

    .main{background: #135292 url(../images/good-guy-comingsoon-mob-img.jpg) no-repeat bottom center;background-size: 100% auto ;}

}

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

    .main{background: #135292 url(../images/good-guy-comingsoon-mob.jpg) no-repeat top 30px center;background-size: 100% auto ;}


}

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

    .footer{position: relative;}
    .landing .landingContact h1{font-size: 36px;line-height: 42px;}
    .landing .landingContact h1 strong{font-size: 34px;line-height: 40px;padding: 0px 20px;}
    .landing .landingContact h4{font-size: 28px;line-height: 36px;}

}

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

    .header .miamiLogo img{width: 100%;height: auto;}
    .landing .landingContact h1{font-size: 32px;line-height: 34px;}
    .landing .landingContact h1 strong{font-size: 28px;line-height: 28px;padding: 5px 20px;margin: 5px 0px 0px 0px;}
    .landing .landingContact{font-size: 18px;line-height: 22px;}
    .landing .landingContact h4{font-size: 26px;line-height: 28px;margin: 5px 0px 40px 0px;}
    .landing .landingBtn a{font-size: 18px;line-height: 26px;}

}