.contact__cols {
   display: grid;
   align-items: initial;
   grid-template-columns: 1fr 1fr;
   grid-gap: var(--space-l);
}

@media (max-width: 767px) {
   .contact__cols {
      grid-template-columns: 1fr;
   }
}

.contact__column-heading {
   color: var(--primary-active);
}

.contact__icon-box {
   display: flex;
   flex-direction: row;
   gap: var(--space-s);
   padding: var(--space-s);
   font-weight: 600;
}

.contact__icon-box .icon {
   align-self: center;
   width: 2.5em;
   height: 2.5em;
}

.contact__icon-box a {
   color: var(--primary-active);
   text-decoration: underline;
}