@media only screen and (min-width: 768px) {

  .footer-container {
    
    margin: auto;

    grid-template-columns: 2.5fr 1fr 1fr 1fr;
    gap: 60px;

    padding: 60px;
    border-radius: 45px;

    background-size: 650px;
  }

  /* branding grande */
  #logo-footer {
    width: 230px;
  }

  .footer-brand h2 {
    font-size: 48px;
  }

  .footer-brand span {
    font-size: 30px;
  }

  .footer-brand p {
    font-size: 20px;
    max-width: 450px;
  }

  /* secciones */
  .footer-section h3 {
    font-size: 30px;
    margin-bottom: 22px;
  }

  .footer-section a {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .footer-section a:hover {
    transform: translateX(6px);
  }

  /* footer bottom */
  .footer-bottom {
    max-width: 1450px;
    margin: 70px auto 0;
    font-size: 15px;
  }

  .made-by {
    font-size: 16px;
  }
}