*{box-sizing: border-box; margin: 0; padding: 0;}
@font-face {
    font-family: 'Omnes';
    src: url('../fonts/Omnes.eot');
    src: url('../fonts/Omnes.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Omnes.woff2') format('woff2'),
        url('../fonts/Omnes.woff') format('woff'),
        url('../fonts/Omnes.ttf') format('truetype'),
        url('../fonts/Omnes.svg#Omnes') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Omnes Medium';
    src: url('../fonts/Omnes-Medium.eot');
    src: url('../fonts/Omnes-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Omnes-Medium.woff2') format('woff2'),
        url('../fonts/Omnes-Medium.woff') format('woff'),
        url('../fonts/Omnes-Medium.ttf') format('truetype'),
        url('../fonts/Omnes-Medium.svg#Omnes-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body{font-family: 'Omnes';}
#wrapper{max-width: 1920px; margin: 0 auto; background-image: url('../images/banner.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    height: 100vh;
    background-size: cover;
    position: relative;
}


img{display: block; max-width: 100%; height: auto;}

.coming-soon{padding: 8vh 0 2vh;}
.coming-soon .logo{max-width: 500px; margin: 0 auto; margin-bottom: 5vh;}
.coming-soon .content{text-align: center; color: #ffffff; font-size: clamp(0.875rem, 0.7625rem + 0.5625vw, 1.4375rem); max-width: 85%; margin: 0 auto; }
.coming-soon .content a{background-color: #402476; border-radius: 30px;  display: inline-block;
    text-decoration: none; padding: 10px 20px; text-align: center; color: #ffffff; font-size: clamp(1rem, 0.9125rem + 0.4375vw, 1.4375rem);}

    .coming-soon .f-content{ margin: 0 auto; margin-top: auto; max-width: 85%;}
    .coming-soon .f-content p{font-family: 'Omnes Medium'; font-size: 6px; text-align: center; color: #402476; margin-bottom: 0;}
    @media only screen and (min-width:768px) and (max-width:1024px){
        #wrapper{background-image: url('../images/banner-mob.jpg');}

    }

    @media only screen and (max-width:767px){
        #wrapper{height: 100%; min-height: 100vh; background-image: url('../images/banner-mob.jpg');}
        .coming-soon{padding: 30px 0;}
        .coming-soon .logo{max-width: 300px;}
        .coming-soon .content{max-width: 100%;}
        .coming-soon .f-content{max-width: 100%; margin-top: 20px;}
    }