@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf') format('truetype');
}

body {
    background-color: #321158;
    }


.img-fluid {
    max-width: 100%;
    height: auto;
    margin-bottom: 3.5%;
}

.brand-content{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:1.3vw;
    color: #fff;
    font-weight: 100;
    padding-top: 1%;
    text-transform: uppercase;
}

.main-content{
    padding: 31vh 28% 0%; /* 14% 20% 0%; */
    text-align: center;
}

.coming-soon{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:2.1vw;
    color: #fff;
    font-weight: 400;    
    padding-top: 3.5vw;
}

.info-content{
    text-align: center;
}


@media (max-width:767px) {
    .main-content{
        padding: 38vh 7% 0%;        
    }
    .brand-content{
        font-size:2.6vw;
    }
    .coming-soon{        
        font-size:5vw;
        padding-top: 3.5vw;
    }
}
@media (min-width: 768px) and (max-width: 1440px){
    .main-content {
        padding: 38vh 28% 0%;
    }
    .coming-soon{        
        font-size: 2.7vw;
        padding-top: 3.5vw;
    }
}