footer {background-color:var(--black); padding:7rem 0 6rem 0;}

    footer .ql {padding-bottom:4rem; border-bottom:var(--white) 1px solid;}
    @media (min-width: 776px) {footer .ql {padding-bottom:7rem;}}

        footer .ql img {width:40%; height:auto; margin-bottom:5rem;}
        @media (min-width: 776px) {footer .ql img {width:40%; height:auto; margin-bottom:0;}}

        footer .ql h5 {color:var(--white); margin-bottom:1rem;}

            footer .ql ul li {margin-bottom:.5rem;}

            footer .ql ul li a {
                text-decoration:none;
                color:var(--white);
                font-size:1.8rem;
                font-weight:300;
            }
            @media (min-width: 776px) { footer .ql ul li a {font-size:1.4rem;}}

            footer .ql .col-md-5 {text-align:right;}

                footer .ql .col-md-5 a {
                    text-decoration:none;
                    color:var(--white);
                    font-size:1.5rem;
                    margin-right:.5rem;
                }
                @media (min-width: 776px) {footer .ql .col-md-5 a {margin:0 0 0 3rem;  font-size:1.4rem;}}

    footer .attributes {padding-top:4rem;}
    @media (min-width: 776px) {footer .attributes {padding-top:6rem;}}

    footer .attributes p, footer .attributes a {color:var(--white); font-size:1.4rem;}

                footer .a-1 p,
                footer .a-1 a,
                footer .a-3 p {
                    margin:2.5rem auto 1rem auto;
                }

            footer .a-2 {border: none;}
            @media (min-width: 776px) {footer .a-2 {border-inline: var(--white) 1px solid;}}

                footer .a-2 img {width:20%; height:auto; margin-bottom:1rem;}

                @media (min-width: 776px) {footer .a-2 p, footer .a-2 a {font-size:1.2rem;}}

                footer .a-3 img {height:3rem; width:auto; margin:0 .5rem;}