.footer-wraper
background-color: $footer-bg background-image: url('/assets/img/content/footer-bg.svg') background-position: center background-size: cover color: $white display: grid grid-column-gap: 5vw grid-row-gap: 30px grid-template-areas: 'footer-header footer-header' 'sitemap category-links' 'footer-contact footer-contact' 'footer-base footer-base' grid-template-columns: auto auto padding: 5vh 5vw h3 color: $vivid-blue padding: 12px 0
.footer-header
grid-area: footer-header
.footer-nav-links > li
font-size: .8rem list-style: none padding: 3px 0 transition: opacity .2s ease-in-out
.sitemap
grid-area: sitemap
.category-links
grid-area: category-links
.footer-services
display: none
.footer-contact
grid-area: footer-contact padding-bottom: 40px
.btn-footer
color: $pure-white width: 100%
.footer-base
border-top: 1px solid $grey display: flex flex-direction: column grid-area: footer-base text-align: center p font-size: $small-font