footer {background:var(--neutral-500); color:var(--neutral-900); padding:3rem 0;}
footer a {color:var(--neutral-900); text-decoration: none;}
footer a:hover {color:var(--secondary-400);}
footer ul {list-style:none; padding:0;}

.footer-columns {display:grid; grid-template-columns:1fr; column-gap:1rem;
grid-template-areas:
  "logo"
  "address"
  "nav"
  "links"
  "copyright"
  "author";}
footer .footer-logo {grid-area:logo;}
footer .footer-logo img {max-width:135px;}
footer .footer-nav {font-size:20px; font-family:var(--serifFontFamily); font-weight:var(--fw-semibold); grid-area:nav;}
footer .footer-links {grid-area:links;}
footer .footer-links svg {width:30px; }
footer .footer-links svg path {fill:var(--neutral-900); transition:var(--transition-default);}
footer .footer-links a {display:inline-block;}
footer .footer-links a:hover svg path {fill:var(--secondary-400);}
footer .footer-links a.tel {color:var(--secondary-400);}
footer .footer-links a.tel:hover {color:var(--neutral-900);}
footer .footer-copyright {font-size:0.75rem; grid-area:copyright;}
footer .footer-address {font-size:0.75rem; grid-area:address;}
footer .footer-author {font-size:0.75rem; grid-area:author;}

@media (min-width:400px) {
    .footer-columns {grid-template-columns:1fr 1fr 1fr;
    grid-template-areas:
    "logo logo nav"
    "address address nav"
    "address address links"
    "copyright author author";}
    footer .footer-copyright {align-self:flex-end;}
    footer .footer-nav,
    footer .footer-links,
    footer .footer-author {justify-self:flex-end; text-align:right;}
}

@media (min-width:576px) {
    footer .footer-logo img {max-width:168px;}
}

@media (min-width:768px) {
    .footer-columns {grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-areas:
    "logo address address nav"
    "copyright links author author";}
    footer .footer-links {justify-self:flex-start; text-align:left; align-self:flex-end;}
    footer .footer-links ul {display:flex; column-gap:1rem; align-items:center;}
    footer .footer-links ul li {margin:0;}
    footer .footer-links a {display:block;}
}

@media (min-width:992px) {
    footer .footer-address,
    footer .footer-copyright,
    footer .footer-author {font-size:1.063rem;}
    footer .footer-links {font-size:1.25rem;}
    footer .footer-nav {font-size:1.625rem;}
    footer .footer-nav ul li {margin-bottom:0.2rem;}
}