footer {
    background-color:var(--black);
    padding:8rem 0 2rem 0;
}

footer .f-links h5 {
    color:#B8B8B8;
    font-size:1.5rem;
    margin-bottom:2rem;
}

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

footer .f-links ul {list-style:none; margin-bottom:5rem;}
@media (min-width: 768px) {footer .f-links ul {list-style:none; margin-bottom:0;}}

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

footer .f-links ul li a {
    text-decoration:none;
    font-family: 'Gothic Medium', sans-serif;
    font-size:1.6rem;
    color:#F8F8F7;
}
@media (min-width: 768px) {footer .f-links ul li a {font-size:1.25rem;}}

footer .f-links ul li a:hover, footer .f-links ul li a:active,
footer .policies a:hover, footer .policies a:active,
footer .attributes a:hover, footer .attributes a:active {color:var(--pale); transition:.4s;}

footer .policies {margin:5rem 0 2rem 0;}

footer .policies a {
    font-family: 'Gothic Medium', sans-serif;
    font-size:1.25rem;
    color:#B8B8B8;
    margin-right:2rem;
}

footer .attributes .accessibility {color:#B8B8B8; width:100%; font-size:1.4rem;}
@media (min-width: 768px) {footer .attributes .accessibility {width:60%; font-size:1.3rem;}}

footer .attributes a {
    text-decoration:none;
    font-family: 'Gothic Medium', sans-serif;
    font-size:1.25rem;
    color:#F8F8F7;
    margin-right:2rem;
}