@media (min-width: 320px) {
    html {
        scroll-behavior: smooth;
      }

    #footer {
        background-color: #32373B;
    }

    .imgLogo{
        height: 2.6rem;
    }

    .img-logo {
        height: 3rem;
    }

    .footer-logo {
        height: 85px;
    }

    .footer-title {
        font-size: 1rem;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
    }

    .left-pos {
        margin-left: -20px;
    }

    .connect {
        font-size: 0.8rem;
        font-weight: 500;
        color: #9CA1A5;
    }

    .social-icons {
        height: 25px;
    }

    .links {
        font-size: 1rem;
        font-weight: 600;
        color: #FFFFFF;
    }

    .link-lines {
        height: 3px;
        background-color: #00B6BB;
        width: 50px;
    }

    .link-lines-mobile {
        height: 3px;
        background-color: #00B6BB;
        width: 50px;
    }

    .footer-line {
        height: 1px;
        background-color: #43484B;
        width: 100%;
    }

    .footer-text {
        font-size: 0.9rem;
        color: #99A2A9;
        font-weight: 500;
    }

    .footer-text:hover {
        color: #99A2A9;
        text-decoration: none;
    }

    .footer-active-link,
    .current {
        color: #FFFFFF;
    }

    .footer-links {
        color: #32373B;
        line-height: 30px;
    }

    .footer-active-link {
        line-height: 30px;
    }

    .social-icon-pos {
        width: fit-content;
        position: absolute;
        bottom: 0;
    }

    .social-icon--mob-pos {
        width: fit-content;
    }

    .copyright {
        color: #7B8389;
        font-size: 0.7rem;
    }


}

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

@media (min-width: 1024px) {
    .footer-logo {
        height: 110px;
    }

    .footer-title {
        font-size: 1rem;
        line-height: 23px;
    }

    .links {
        font-size: 1.2rem;
    }

    .footer-text,
    .connect {
        font-size: 0.9rem;
    }

    .footer-links,
    .footer-active-link {

        line-height: 35px;
    }
}

@media (min-width: 1440px) {
    .social-icons {
        height: 30px;
    }

    .footer-links,
    .footer-active-link {
        line-height: 50px;
    }

    .footer-title {
        font-size: 1.5rem;
        line-height: 33px;
    }

    .links {
        font-size: 1.4rem;
    }

    .footer-text {
        font-size: 1.2rem;
    }

    .connect {
        font-size: 1rem;
    }
}