footer {
  margin-top: 90px;
  margin-bottom: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;

  div {
    p:first-child {
      margin-bottom: 20px;
      font-weight: normal;
      font-size: 16px;
      text-align: center;
    }

    div {
      display: flex;
      flex-direction: column;

      a {
        color: #000;
        text-align: center;
        font-size: 36px;
        text-decoration: none;
        transition: all 0.3s ease;
        text-underline-offset: 3px;

        &:hover {
          text-underline-offset: 8px;
          text-decoration: underline;
        }
      }
    }
  }
}

@media screen and (max-width: 750px) {
  footer {
    div {
      a {
        font-size: 24px !important;
      }
    }
  }
}