@media screen and (max-width: 1200px) {
  html {
    font-size: 12px;
  }

  .wereform-links {
    row-gap: 2rem;
  }

  .links-container {
    max-width: 100%;
    flex-direction: column;
    row-gap: 1rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgb(255, 255, 255, 0.2);
  }
}

@media screen and (max-width: 1100px) {
  .navigation {
    flex-direction: column;
    align-items: flex-end;
  }
}

@media screen and (max-width: 900px) {
  .footer {
    padding: 8rem;
    flex-direction: column;
    row-gap: 5rem;
  }

  .company-details {
    max-width: 100%;
  }

  .wereform-logo-footer {
    max-width: 20rem;
  }

  .copyright-text,
  .ABN-wereform {
    font-size: 1.4rem;
  }

  .about-h1,
  .link-h1 {
    font-size: 2rem;
  }

  .links-list,
  .about-links {
    row-gap: 0;
  }

  .about-link,
  .links-list-item {
    /* padding-bottom: 1.2rem; */
    padding: 1.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.304);
  }

  .link-X-twitter,
  .about-areeshalam {
    /* padding-top: 1.2rem; */
    padding: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.304);
  }

  .about-link,
  .links-list-item {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 750px) {
  html {
    font-size: 8px;
  }

  .footer {
    padding: 8rem;
  }

  .header {
    justify-content: center;
    padding-bottom: 3rem;
  }

  .navigation {
    display: none;
  }

  .wereform-logo-container {
    max-width: 40%;
  }
}

@media screen and (max-width: 550px) {
  .footer {
    padding: 4rem;
  }

  .img-container {
    padding: 2rem;
  }

  .contact-us-h1 {
    font-size: 4rem;
  }
}