/* Mobile View */
@media screen and (max-width: 45rem){

footer{
float:left;
width:100%;
background:var(--bgr-footer-300);
}

footer .card{
margin:.5rem .75rem;
color:var(--clr-footer-300);
}

footer .card .title h2,
footer .card .title h2 .hl{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--clr-primary-200);
}

}

/* Mobile View > Tablet */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

footer{
float:left;
width:100%;
background:var(--bgr-footer-300);
}

footer .card{
margin:.5rem .75rem;
color:var(--clr-footer-300);
}

footer .card .title h2,
footer .card .title h2 .hl{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--clr-primary-200);
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

footer{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
background:var(--bgr-footer-300);
}

footer .card{
margin:.5rem 1.5rem;
color:var(--clr-footer-300);
}

footer .card .title h2,
footer .card .title h2 .hl{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--clr-primary-200);
}

}