@media (max-width: 1255px) {
  main {
    align-items: center;
  }

  .header {
    max-width: 75%;
  }

  .email-form {
    align-self: flex-start;
  }

  .aside-section, .footer-icon-box  {
    display: none;
  }

  .footer {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1100px) {
  .website-name {
    font-size: 3.2rem;
  }

  .header-primary, .header-secondary {
    font-size: 2.4rem;
  }

  .footer {
    column-gap: 2rem;
  }
}

@media (max-width: 950px) {
  html {
    font-size: 60%
  }

  .footer {
    column-gap: 2rem;
  }

  .footer .header-primary {
    font-size: 1.8rem;
  }

  .footer-general-info {
    font-size: 1.6rem;
  }

  .about-me-section, .content-wrapper, .header {
    max-width: 100%;
  }
}

@media (max-width: 800px) {
  html {
    font-size: 50%;
  }

  .page {
    margin: 1.6rem 3.2rem;
  }
}

@media (max-width: 625px) {
  html {
    font-size: 45%
  }

  .header .header-primary {
    font-size: 2rem;
  }
  
  .website-name {
    font-size: 2.6rem;
  }

  .footer {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 4rem;
  }

  .contact-column {
    align-self: center;
  }

  .info-column {
    grid-column: 1 / -1;
  }
}

@media (max-width: 460px) {
  html {
    font-size: 42%;
  }

  .page {
    margin: 1.2rem 2.2rem;
  }

  .cta-input {
    width: 18rem;
  }



  .header .header-primary {
    font-size: 1.8rem;
  }
  
  .website-name {
    font-size: 2.4rem;
  }
}