footer {background-color:var(--black); padding:5rem 0 1rem 0;}

    footer p, footer a, footer ul li {text-decoration:none; color:var(--white); font-size:1.8rem;}
    @media (min-width: 768px) {footer p, footer a, footer ul li {font-size:1.5rem;}}

        footer .company-info {margin-bottom:3rem;}

        footer .company-info img {height:6rem; margin-bottom:1rem;}

            footer .company-info p {margin:.75rem 0;}

            footer .company-info .social-links {margin-top:1.5rem;}

                footer .company-info .social-links img {height:2.5rem; margin-right:1.5rem;}
                @media (min-width: 768px) {footer .company-info .social-links img {height:2.25rem;}}

        footer .quick-links {margin-bottom:5rem;}
        @media (min-width: 768px) {footer .quick-links {margin-bottom:2rem;}}

            footer .quick-links h5 {color:var(--white); text-transform: uppercase; font-size:1.6rem; margin-bottom:1rem;font-weight:600;}
            @media (min-width: 768px) {footer .quick-links h5 {font-size:1.4rem;}}

            footer .quick-links ul {margin-bottom:1rem; list-style:none;}

                footer .quick-links ul li {margin-bottom:1.5rem; color:var(--white);}

                footer .quick-links ul li a {border-bottom:#00000000 .2rem solid; transition: .2s;}

                footer .quick-links ul li a:hover {border-bottom:var(--white) .2rem solid; transition: .2s;}

            footer .quick-links img {height:8rem;}

        footer .f-copyright {text-align:center;}
        @media (min-width: 768px) {footer .f-copyright {text-align:left;}}

        footer .attribution {text-align:center;}
        @media (min-width: 768px) {footer .attribution {text-align:right;}}