:root{
    --footer-height : 170px;
}

.page-footer {
    background-image: url(../../img/footer.png);
    background-position: center center;
    background-size: cover;
    min-height: var(--footer-height);
}

.footer-container {
    width: 70%;
    margin: 0 auto;
    display: flex;
    min-height: var(--footer-height);
    color: #fff;
}
.footer-container .col {
    width: 33.33%;
    text-align: center;
}
.footer-container .footer-logo {
    background: transparent url(../../img/logo-cdf-blc.png) no-repeat center center;
    background-size: 50%;
    min-height: var(--footer-height);
}

.footer-container .contact-container, .footer-container .rs-container {
    padding: 30px 0 0 0;
}
.contact-container .title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
}
.contact-container .contact-line {
    font-weight: 400;
    font-size: 14px;
    padding: 1px;
}
.contact-container .contact-line.tel {
    color: rgb(201, 22, 34);
    font-weight: 600;
    font-size: 19px;
}
.rs-container .rs-title {
    font-size: 14px;
    padding: 10px;
}

.bottom-container, .bottom-container a {
    background-color: #00538f;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 3px 0 5px 0;
}

@media all and (max-width: 767px) {
    .footer-container {
        display: block;
        min-height: calc(var(--footer-height) + 71px);
    }
    .footer-container .col {
        width: 100%;
    }
    .footer-container .col-logo {
        display: none;
    }
}