/* The footer is in a reusable file global_footer.html, and is loaded in 
   global_footer_script.js. All related styles and queries are in 
   global_footer_styles.css and global_footer_queries.css. */

/* 16px = 1.6rem = 1em */

/* ********************************* */
/* BELOW 1456px */
/* Smaller desktops */
/* ********************************* */

@media (max-width: 91em) {
}

/* ********************************* */
/* BELOW 1200px */
/* Landscape Tablets */
/* ********************************* */

@media (max-width: 75em) {
  /* GENERAL */

  .grid--footer {
    column-gap: 2.4rem;
  }
}

/* ********************************* */
/* BELOW 1072px */
/* Tablets */
/* ********************************* */

@media (max-width: 67em) {
  /* GENERAL */

  .footer {
    padding: 9.6rem 0;
  }

  /* LOGO COLUMN */

  .footer-logo-col {
    justify-content: flex-start;
  }

  .footer-logo {
    margin-bottom: 2.4rem;
  }

  .footer-logo img {
    height: 9.6rem;
  }

  /* HEADINGS */

  .footer-heading {
    font-size: 2rem;
  }

  /* COPYRIGHT */

  .footer-copyright {
    margin-top: 3.2rem;
  }
}

/* ********************************* */
/* BELOW 832px */
/* Small Tablets */
/* ********************************* */

@media (max-width: 52em) {
  /* GENERAL */

  .footer {
    padding: 8rem 0;
  }

  .grid--footer {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 6.4rem;
    row-gap: 4.8rem;
  }

  .footer-link,
  .address {
    font-size: 1.6rem;
  }

  /* CONTACT AND NAVIGATION COLUMNS */

  .footer-nav,
  .footer-contacts {
    gap: 1.2rem;
  }

  .footer-contact-col {
    grid-column: 2 / 4;
  }

  .footer-nav-col--1 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .footer-nav-col--2 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  }

  /* HEADINGS */

  .footer-heading {
    margin-bottom: 2.4rem;
  }

  /* COPYRIGHT */

  .footer-copyright-text {
    font-size: 1.4rem;
  }
}

/* ********************************* */
/* BELOW 640px */
/* Phones */
/* ********************************* */

@media (max-width: 40em) {
  /* GENERAL */

  .footer {
    padding: 6.4rem 0;
  }

  .grid--footer {
    grid-template-columns: 1fr 1fr;
    column-gap: 1.6rem;
    row-gap: 3.2rem;
  }

  .footer-link,
  .address {
    font-size: 1.4rem;
  }

  /* LOGO COLUMN */

  .footer-logo-col {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  .footer-logo img {
    height: 6.4rem;
  }

  .social-icon {
    height: 2rem;
  }

  /* CONTACT COLUMN */

  .footer-contact-col {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }

  /* NAVIGATION COLUMN */

  .footer-nav-col--1 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .footer-nav-col--2 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }

  /* HEADINGS */

  .footer-heading {
    font-size: 1.6rem;
  }

  /* COPYRIGHT */

  .footer-copyright-text {
    font-size: 1.2rem;
  }
}

/* ********************************* */
/* BELOW 368px */
/* Small Phones */
/* ********************************* */

@media (max-width: 23em) {
  /* GENERAL */

  .footer {
    padding: 4.8rem 0;
  }

  .footer-link,
  .address {
    font-size: 1.2rem;
  }

  /* HEADINGS */

  .footer-heading {
    font-size: 1.2rem;
    margin-bottom: 1.4rem;
  }

  /* NAVIGATION AND CONTACT COLUMNS */

  .footer-nav,
  .footer-contacts {
    gap: 0.8rem;
  }

  /* COPYRIGHT */

  .footer-copyright-text {
    font-size: 1rem;
  }
}