* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    width: 100%;  
    height: 100vh;
    margin: 0; 
    padding: 0; 
}

.container {
    display: table;
    margin: 0 auto;
    font-size: 0; 
}

.container-left, .container-right {
    display: table-cell;
}

.head-right {
    text-align: center;
    color: #fff;
    background-color: #85bdfc;
    font-size: 60px;
    white-space: nowrap; 
    padding-top: 30%;
    padding-right: 0.6vw; 
    padding-left: 0.3vw; 
}

.head-left {
    text-align: center;
    font-size: 60px;
    padding-top: 30%;
    padding-right: 0.4vw; 
}

.head-sub {
    text-align: center;
    font-size: 37px;
    padding-top: 1%;
}

.section-info {  
    width: 92%;
    font-size: 22px;
    margin: 20% auto 0 auto; 
    padding-left: 0.5%;
    white-space: nowrap;
}

.section-info div {
    display: inline-block;
}

.bold {
    font-weight: bold !important;
    font-size: 22px;
}

.address {
    width: 28%;
    margin-right: 1%;
}

.muted {
    color: transparent;
}

.day-time {
    width: 70%;
    padding-left: 5%; 
    border-left: 1px solid #333;
}

.day {
    width: 40%; 
}

.time {
    width: 60%;
    padding-left: 5%; 
}

.under-construction {
    float: right;
    font-size: 37px;
    color: #85bdfc;
    padding-top: 20%;
    padding-bottom: 20%;
}

@media only screen and (max-width:1100px){

    .head-right {  
        /*font-size: 48px;*/
        font-size: 5.455vw;
    }
    
    .head-left {  
       /*font-size: 48px;*/
       font-size: 5.455vw; 
    }
    
    .head-sub {
        /*font-size: 30px;*/
        font-size: 3.364vw;
    }
    
    .section-info {    
        font-size: 2vw;
    }
    
    .bold {
        font-size:2vw;
    }
    
    .under-construction {
        float: right;
        font-size: 3.364vw;
    }
}

@media only screen and (max-width:415px) {

    .section-info {   
        font-size: 10px;
        margin-top: 15%;
        padding-left: 0;
    }

    .section-info div {
        display: block;
    }

    .bold {
        font-size: 10px;
    }
    
    .address {
        width: 100%;
        margin: 0;
    }

    .day-time { 
        width: 100%;
        margin-top: 8%;
        border-left: none;
        padding-left: 0;
    }

    .day-time div {
        display: inline-block;
    }

    .day {
        width: 35%;
        
        border-left: none;
    }

    .time {
        width: 65%; 
    }
}