@media (min-width: 0px) and (max-width: 576px) {
    .footer {
        background-image: url("images/footer/footer-mobile.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 50vw;
        position: relative;
        bottom: 0;
    }
    .footer .links {
        padding-top: 22vw;
    }
    .footer .links a {
        color: white;
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
        margin-left: 5px;
        color: white;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .social-links-title {
        padding-bottom: 1.5vw;
    }
    .footer .copyrights p {
        color: white;
        font-size: calc(8pt + (13 - 8) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 82%;
        top: 90%;
        z-index: 1000;
    }
    .footer-chat-image .call-to-action-arrow-image {
        background-image: url("images/footer/chat.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 13vw;
        width: 13vw;
        cursor: pointer;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .footer {
        background-image: url("images/footer/footer-mobile.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 40vw;
    }
    .footer .links {
        padding-top: 20vw;
    }
    .footer .links a {
        color: white;
        font-size: calc(12pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
        margin-left: 5px;
        color: white;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .social-links-title {
        padding-bottom: 1.5vw;
    }
    .footer .copyrights p {
        color: white;
        font-size: calc(8pt + (13 - 8) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 89%;
        top: 90%;
        z-index: 1000;
    }
    .footer-chat-image .call-to-action-arrow-image {
        background-image: url("images/footer/chat.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 8vw;
        width: 8vw;
        cursor: pointer;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .footer {
        background-image: url("images/footer/footer.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 30vw;
        position: relative;
        bottom: 0;
        margin-top: 2vw;
    }
    .footer .links {
        padding-top: 14vw;
    }
    .footer .links a {
        color: white;
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
        margin-left: 5px;
        color: white;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .social-links-title {
        padding-bottom: 1.5vw;
    }
    .footer .copyrights p {
        color: white;
        font-size: calc(8pt + (13 - 8) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 89%;
        top: 85%;
        z-index: 1000;
    }
    .footer-chat-image .call-to-action-arrow-image {
        background-image: url("images/footer/chat.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 8vw;
        width: 8vw;
        cursor: pointer;
    }
}

@media (min-width: 992px) {
    .footer {
        background-image: url('images/footer/footer.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
        bottom: 0;
        left: 0;
    }
    .footer .links {
        padding-top: 6vw;
    }
    .footer .links a {
        color: white;
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: calc(10pt + (15 - 10) * ((100vw - 300px) / (1920 - 300)));
        margin-left: 5px;
        color: white;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .social-links-title {
        padding-bottom: 1.5vw;
    }
    .footer .copyrights p {
        color: white;
        font-size: calc(8pt + (13 - 8) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 88%;
        top: 80%;
        z-index: 1000;
    }
    .footer-chat-image .call-to-action-arrow-image {
        background-image: url("images/footer/chat.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 7vw;
        width: 7vw;
        cursor: pointer;
    }
}

@media (min-width: 1366px) {
    .footer {
        background-image: url('images/footer/footer.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
        bottom: 0;
    }
    .footer .links {
        padding-top: 7vw;
    }
    .footer .links a {
        color: white;
        font-size: calc(10pt + (16 - 10) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: calc(10pt + (18 - 10) * ((100vw - 300px) / (1920 - 300)));
        margin-left: 5px;
        color: white;
    }
    .footer .social-links a:hover {
        text-decoration: none;
    }
    .footer .social-links-title {
        padding-bottom: 0.5vw;
    }
    .footer .copyrights p {
        color: white;
        font-size: calc(8pt + (13 - 8) * ((100vw - 300px) / (1920 - 300)));
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 90%;
        top: 67%;
        z-index: 1000;
    }
    .footer-chat-image .call-to-action-arrow-image {
        background-image: url('images/footer/chat.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 6vw;
        width: 6vw;
        cursor: pointer;
    }
}