/* Banner section */
.contact-us-banner {
    background-image: url("../../Images/Tesla/contact-us-cover.jpg");
    width: 100%;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-us-banner-text{
    height: 100%;
}

.contact-us-banner-text h4{
    color: #fcd625;
    font-size: 30px;
    font-family: orbitron-medium, serif;
}

.contact-us-banner-text h3{
    color: #ffffff;
    font-size: 65px;
    font-family: orbitron-black, serif;
}


    /* Contact info section */


.address-body {
        background: linear-gradient(45deg,#015488, #0077c3);
}

.location-icon-style{
    padding: 7px 10px;
    background-color: #ffffff;
    border-radius: 50%;
}

.address-body i{
    color: #0a53be;
}

.address-body p{
    color: #ffffff;
    font-family: gotham-medium, serif;
    margin-top: 15px;
}

.opening-hour{
    background-color: #eeeeee;
}

.opening-hour h3{
    color: #cc0505;
    font-family: orbitron-bold, serif;
}

.day-field p{
    color: #424242;
    font-family: gotham, serif;
    font-weight: bold;
}

.time-field p{
    color: #706f6f;
    font-weight: bold;
}

/* Mobile device */
@media only screen and (max-width: 600px) {
    /* Banner section */
    .contact-us-banner {
        height: 250px;
    }

    .contact-us-banner-text h4{
        font-size: 15px;
    }

    .contact-us-banner-text h3{
        font-size: 30px;
    }
}