#footer {
   background: var(--color-contrast-darkest);
   padding-top: var(--space-xl);
   color: var(--color-contrast-mid);
   position: relative;
}

#footer span{
   display:block;
   margin-top: .5rem;
   line-height: 1.8;
}

#footer h4{
   font-size: var(--text-size-xs);
   color: var(--color-contrast-lightest)
}

.footer-logo {
   max-width: 200px;
   margin-bottom: 1.2rem;
}

.footer-contact {
   background: var(--color-contrast-lightest);
   height: 300px;
   padding: var(--space-lg);
}

.footer-contact h3 {
   font-size: var(--text-size-md);
   font-weight: 700;
}

.footer-contact h3,
.footer-contact span{
   color: var(--color-contrast-darkest);
}
.footer-contact a {
   display:inline-block;
   padding: 5px 0;
   color: var(--color-contrast-darkest);
}

.footer-contact a img{
   display:inline;
   vertical-align: middle;
   margin-right: 6px;
}