footer {background-color:var(--lightgrey); text-align:center;}
@media (min-width: 768px) {footer {background-color:var(--lightgrey); text-align:left;}}

    footer .container {padding:3.5rem 2rem 3rem 2rem;}
    @media (min-width: 768px) {footer .cl {margin-bottom:0rem;}}

        footer .cl {margin-bottom:3rem;}
        @media (min-width: 768px) {footer .cl {margin-bottom:0;}}

            footer .cl img {height:10rem; margin-bottom:3rem;}
            @media (min-width: 768px) {footer .cl img {height:8rem; margin-bottom:1.5rem;}}

                footer .cl p,
                footer .cl a {
                    display:block;
                    color:var(--white);
                    text-decoration:none;
                    line-height:1.2;
                    margin-bottom:3rem;
                    font-weight:500;
                    font-size:1.7rem;
                    width:auto !important;
                    margin-right:0!important;
                }

                @media (min-width: 768px) {footer .cl p, footer .cl a {font-size:1.5rem; margin-bottom:1.2rem;}}

                footer .cl a:hover,
                footer .cl a:active {
                    color:#ff9595;
                    transition:.4s;
                }

        footer .ql h5 {
            text-transform:uppercase;
            color:var(--white);
            font-size:2rem;
            letter-spacing:.05rem;
            margin-bottom:2rem;
        }

        @media (min-width: 768px) {footer .ql h5 {font-size:1.4rem; margin-bottom:.75rem;}}

        footer .ql ul {list-style-type: none; margin-bottom:5rem;}
        @media (min-width: 768px) {footer .ql ul {margin-bottom:3rem;}}

            footer .ql ul li {margin-bottom:1.5rem;}
            @media (min-width: 768px) {footer .ql ul li {margin-bottom:.5rem;}}

            footer .ql ul li a {
                color:var(--white);
                text-decoration:none;
                font-weight:500;
                font-size:1.8rem;
            }

            @media (min-width: 768px) {footer .ql ul li a {font-size:1.4rem;}}

            footer .ql ul li a:hover,
            footer .ql ul li a:active {
                color:#ff9595;
                transition:.4s;
            }
    
    footer .attribute {margin-top:4rem;}

            footer .attribute p,
            footer .attribute a {
                color:var(--white);
                text-decoration:none;
                line-height:1.2; 
                font-size:1.4rem;
                font-weight:500;
            }

            footer .attribute a:hover,
            footer .attribute a:active {
                color:#ff9595;
                transition:.4s;
            }