body{
    font-family: 'Fira Sans', sans-serif;
    background: #dbeff0 url('images/bg-left.png') no-repeat top left;
    background-size: auto 100%;
    color: #666665;
    min-height: 100vh;
}
#wrapper{
    background: url('images/bg-right.png') no-repeat top right;
    background-size: auto 100%;
    min-height: 100vh;
}
.coming-soon{
    background: #4eada2;
    color: #dbeff0;
    font-size: 4rem;
}
.container{
    max-width: 1450px;
}
.contact-container{
    margin-top: 2rem;
}
.contact-container h4{
    font-size: 1.4rem;
}
.contact-footer-container a, .contact-footer-container a:hover, .contact-footer-container a:visited{
    color: #666665;
    font-size: 1.3rem;
}
.copyright-text{
    font-size: 1.1rem;
}
.image-logo{
    max-width: 280px;
}

@media (max-width: 992px) {
    body{
        background: url('images/bg-right.png') no-repeat top right;
        background-size: auto 100%;
    }
    #wrapper{
        background: rgba(219, 239, 240, 0.8);
    }
}

@media (max-width: 992px) and (min-width: 480px) {
    .coming-soon{
        font-size: 6rem;
    }
    .contact-container h4{
        font-size: 2rem;
    }
    .contact-footer-container a, .contact-footer-container a:hover, .contact-footer-container a:visited{
        font-size: 1.8rem;
    }
    .copyright-text{
        font-size: 1.5rem;
    }
    .image-logo{
        max-width: 320px;
    }
}