.container-footer {
    height: auto;
}

    .container-footer .section-left {
        background-color: var(--header-font-color);
        padding: 0;
        position: relative;
    }

        .container-footer .section-left .logo {
            padding: 5vw 0 10vw 3vw;
        }

            .container-footer .section-left .logo img {
                height: 8vw;
            }

        .container-footer .section-left .separator {
            padding: 0 3vw 0 3vw;
        }

            .container-footer .section-left .separator hr {
                border: 1.5px solid var(--separator-color);
            }

        .container-footer .section-left .info {
            padding: 0 3vw 0vw 3vw;
            font-family: var(--primary-font-family);
            font-size: 1.4vw;
            line-height: 1.6vw;
            color: #FFFFFF;
        }

            .container-footer .section-left .info .row {
                padding: 1vw;
            }

                .container-footer .section-left .info .row a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

        .container-footer .section-left .copyright {
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 2vw 0vw 2vw 0vw;
            background-color: var(--footer-copyright-color);
            font-family: var(--secondary-font-family);
            font-size: 1.4vw;
            line-height: 1.6vw;
            color: #FFFFFF;
        }

            .container-footer .section-left .copyright a {
                color: #FFFFFF;
                text-decoration: underline;
            }

    .container-footer .section-right {
        padding: 0;
    }

        .container-footer .section-right img {
            width: 100%;
        }

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 576px) and (max-width: 767px) {
    .container-footer .section-left .logo {
        text-align: center;
        padding: 30px 30px 250px 30px;
    }

        .container-footer .section-left .logo img {
            height: 100px;
        }

    .container-footer .section-left .separator {
        padding: 0 30px 30px 30px;
    }

    .container-footer .section-left .info {
        font-size: 28px;
        line-height: 32px;
        color: #FFFFFF;
        padding: 0 30px 60px 30px;
    }

        .container-footer .section-left .info .row .col-md-4 {
            display: none;
        }

        .container-footer .section-left .info .row .col-md-8 {
            padding: 0 0 20px 0;
        }

    .container-footer .section-left .copyright {
        position: relative;
        padding: 20px 0 20px 0;
        font-size: 18px;
        line-height: 22px;
        color: #FFFFFF;
    }

    .container-footer .section-right {
        display: none;
    }
}

@media (max-width: 575px) {
    .container-footer .section-left .logo {
        text-align: center;
        padding: 30px 30px 250px 30px;
    }

        .container-footer .section-left .logo img {
            height: 120px;
        }

    .container-footer .section-left .separator {
        padding: 0 30px 30px 30px;
    }

    .container-footer .section-left .info {
        font-size: 28px;
        line-height: 32px;
        color: #FFFFFF;
        padding: 0 30px 60px 30px;
    }

        .container-footer .section-left .info .row .col-md-4 {
            display: none;
        }

        .container-footer .section-left .info .row .col-md-8 {
            padding: 0 0 20px 0;
        }

    .container-footer .section-left .copyright {
        position: relative;
        padding: 20px 0 20px 0;
        font-size: 18px;
        line-height: 22px;
        color: #FFFFFF;
    }

    .container-footer .section-right {
        display: none;
    }
}