.footer {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
}

.footer .links {
    width: 100%;
    text-align: center;
    color: #E5F5F8;
}

.footer .links a {
    color: #E5F5F8;
}

.footer .social-links {
    width: 100%;
    text-align: center;
    color: #E5F5F8;
}

.footer .social-links a {
    color: #E5F5F8;
    cursor: pointer;
}

.footer .copyright {
    text-align: center;
    color: #E5F5F8;
}


/* Extra small */

@media (max-width: 575px) {
    .footer {
        background-image: url('images/footer/footer-mobile-bg.png');
        height: 35vw;
        margin-top: 0vw;
    }
    .footer .links {
        padding-top: 9.5vw;
        font-size: 3.5vw;
    }
    .footer .links a {
        font-size: 3.5vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        font-size: 3.5vw;
        padding-top: 0.5vw;
        height: 12vw;
    }
    .footer .social-links a {
        padding-left: 0.2vw;
        padding-right: 3.2vw;
        font-size: 7vw;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .copyright {
        font-size: 2.6vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        margin-top: 0.4vw;
    }
}


/* Small */

@media (min-width: 576px) and (max-width: 767px) {
    .footer {
        background-image: url('images/footer/footer-mobile-bg.png');
        height: 35vw;
        margin-top: 0vw;
    }
    .footer .links {
        padding-top: 9.5vw;
        font-size: 3.5vw;
    }
    .footer .links a {
        font-size: 3.5vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        font-size: 3.5vw;
        padding-top: 0.5vw;
        height: 12vw;
    }
    .footer .social-links a {
        padding-left: 0.2vw;
        padding-right: 3.2vw;
        font-size: 7vw;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .copyright {
        font-size: 2.6vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        margin-top: 0.4vw;
    }
}


/* Medium */

@media (min-width: 768px) and (max-width: 991px) {
    .footer {
        background-image: url('images/footer/footer-mobile-bg.png');
        height: 35vw;
        margin-top: 0vw;
    }
    .footer .links {
        padding-top: 9.5vw;
        font-size: 3.5vw;
    }
    .footer .links a {
        font-size: 3.5vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        font-size: 3.5vw;
        padding-top: 0.5vw;
        height: 12vw;
    }
    .footer .social-links a {
        padding-left: 0.2vw;
        padding-right: 3.2vw;
        font-size: 7vw;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .copyright {
        font-size: 2.6vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        margin-top: 0.4vw;
    }
}


/* Large */

@media (min-width: 992px) and (max-width: 1199px) {
    .footer {
        background-image: url('images/footer/footer-bg.png');
        height: 10vw;
        margin-top: 0vw;
    }
    .footer .links {
        padding-top: 3.5vw;
        font-size: 1vw;
    }
    .footer .links a {
        font-size: 1vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        font-size: 1.5vw;
        padding-top: 0.5vw;
    }
    .footer .social-links a {
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .copyright {
        font-size: 0.6vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        margin-top: 0.4vw;
    }
}


/* Extra large */

@media (min-width: 1200px) {
    .footer {
        background-image: url('images/footer/footer-bg.png');
        height: 10vw;
        margin-top: 0vw;
    }
    .footer .links {
        padding-top: 3.5vw;
        font-size: 1vw;
    }
    .footer .links a {
        font-size: 1vw;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        font-size: 1.5vw;
        padding-top: 0.5vw;
    }
    .footer .social-links a {
        padding-left: 0.2vw;
        padding-right: 0.2vw;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .copyright {
        font-size: 0.6vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        margin-top: 0.4vw;
    }
}