.contact {
  .contact-info {
    .social {
      a {
        color: var(--c-mapped-blue);
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.25rem;
        svg {
          width: 1.5rem;
          height: 1.5rem;
        }
      }
    }
  }
  @media (min-width: 60rem) {
    .contact-info {
      grid-column: span 5 / span 5;
    }
    .nf-form-cont {
      grid-column: span 7 / span 7;
    }
  }
  @media (min-width: 80rem) {
    .contact-info {
      grid-column: span 6 / span 6;
    }
    .nf-form-cont {
      grid-column: span 6 / span 6;
    }
  }
}