@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: 40vw;
        position: relative;
        margin-top: 30%;
    }
    .footer .links {
        padding-top: 22vw;
    }
    .footer .links a {
        color: white;
        font-size: 2.7vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: 2.5vw;
        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: 5vw;
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 82%;
        top: 78%;
        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;
    }

    .footer .copyrights {
        margin: auto;
        width: 100%;
        padding-top: 25%;
    }
}

@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;
        margin-top: 10%;
        left: unset;
    }
    .footer .links {
        padding-top: 20vw;
    }
    .footer .links a {
        color: white;
        font-size: 2.7vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: 2vw;
        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: 4vw;
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 89%;
        top: 78%;
        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;
    }

    .footer .copyrights {
        margin: auto;
        width: 100%;
        padding-top: 25%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .footer {
        background-image: url("images/home/footer.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 30vw;
    }
    .footer .links {
        padding-top: 14vw;
    }
    .footer .links a {
        color: white;
        font-size: 2vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: 2vw;
        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: 3vw;
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 89%;
        top: 72%;
        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;
    }

    .footer .copyrights {
        margin: auto;
        width: 100%;
        padding-top: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer {
        background-image: url('images/home/footer.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: fixed;
        top: 75%;
        height: 25vh;
        left: unset;
    }
    .footer .links {
        padding-top: 6vw;
    }
    .footer .links a {
        color: white;
        font-size: 1.5vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: 1.4vw;
        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: 2vw;
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 88%;
        top: 77%;

        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;
    }

    .footer .copyrights {
        position: fixed;
        top: 90%;
        margin: auto;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .footer {
        background-image: url('images/home/footer.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: fixed;
        top: 75%;
        height: 25vh;
        left: unset;
    }
    .footer .links {
        padding-top: 5vw;
    }
    .footer .links a {
        color: white;
        font-size: 1vw;
    }
    .footer .links a:hover {
        text-decoration: none;
    }
    .footer .social-links {
        margin-top: 1vw;
    }
    .footer .social-links a {
        font-size: 1.2vw;
        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: 1.5vw;
    }
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 90%;
        top: 69%;
        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;
    }

    .footer .copyrights {
        position: fixed;
        top: 90%;
        margin: auto;
        width: 100%;
    }
}


@media (min-width: 1366px) {
    .footer-chat-image {
        width: auto;
        position: fixed;
        left: 90%;
        top: 70%;
        z-index: 1000;
        left: unset;
    }

    .footer .copyrights {
        position: fixed;
        top: 90%;
        margin: auto;
        width: 100%;
    }
}