footer {
    background-color:var(--blue);
    position:relative;
    border-top:7px solid var(--red);
    margin-top:10rem;
}

footer ul, .footer ol {margin:0rem !important;}

    footer .bkgd {position:absolute; bottom:0; right:0;}

    footer .container {padding:5rem 3rem 2rem 3rem;}

    footer .icons {text-align:center; margin-bottom:5rem;}
    @media (min-width: 768px) {footer .icons {text-align:left; margin-bottom:0rem;}}
   
   
    footer #f-logo img {height:13.3rem; display:block; margin:0 auto 3rem auto;}
    @media (min-width: 768px) {footer #f-logo img {height:12.3rem; margin:0 0 2.5rem 0;}}
    
    
    footer #f-review img {height:12rem; display:block; margin:0 auto 3rem auto;}
    @media (min-width: 768px) {footer #f-review img {height:10rem; margin:0 0 2.5rem 0;}}


    footer #f-fb img {height:3rem; margin-right:1.5rem; border-radius:5px;}
    footer #f-insta img {height:3rem;}

    
    footer .location {margin-bottom:4rem; max-width:80%; margin-left:3rem;}
    @media (min-width: 768px) {footer .location {margin-bottom:2rem; margin-left:0rem; max-width:90%;}}

        footer .location h5 {
            text-transform:uppercase;
            font-size:1.8rem;
            font-family:'Outfit Bold', sans-serif;
            color:var(--white);
            margin-bottom:.5rem;
        }

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

        footer .location hr {margin-bottom:.5rem;}

        footer .location a {color:var(--white); font-size:1.7rem;}
        @media (min-width: 768px) {footer .location a {font-size:1.4rem;}}

    footer .f-links {margin-bottom:4rem; max-width:80%; margin-left:3rem;}
    @media (min-width: 768px) {footer .f-links {margin-bottom:2rem; margin-left:0rem; max-width:90%;}}

        footer .f-links h5 {
            text-transform:uppercase;
            font-size:1.8rem;
            font-family:'Outfit Bold', sans-serif;
            color:var(--white);
            margin-bottom:.5rem;
        }

        @media (min-width: 768px) {footer .f-links h5 {font-size:1.4rem;}}

        footer .f-links hr {margin-bottom:.5rem;}

        footer .f-links ul {list-style-type: none;}

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

            footer .f-links a {color:var(--white); font-size:1.7rem;}
            @media (min-width: 768px) {footer .f-links a {font-size:1.4rem;}}

    footer .attribute {text-align:center; margin-top:0rem; padding-bottom:2rem;}
    @media (min-width: 768px) {footer .attribute {text-align:right; margin-top:-6rem; margin-right:3rem;}}
    
    footer .attribute p, footer .attribute a {color:var(--white);font-size:1.5rem;}
    @media (min-width: 768px) {footer .attribute p, footer .attribute a {font-size:1.2rem;}}