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

/* ********************************* */
/* ABOVE 2000px */
/* 4K Screens */
/* ********************************* */

@media (min-width: 125em) {
  /* HERO SECTIONS */

  .hero-img--global {
    width: 200rem;
    margin: auto;
  }

  .hero-container--global {
    position: relative;
    max-width: 190rem;

    margin: auto;
    top: -46rem;
  }
}

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

@media (max-width: 91em) {
  /* HERO SECTIONS */

  .section-hero--global,
  .hero-img--global {
    height: 50rem;
  }

  .hero-text--global {
    font-size: 2rem;
    padding: 0.4rem 0 0rem 0;
    margin-bottom: 5.2rem;
  }

  /* CONTAINERS */

  .container--global {
    max-width: 110rem;
  }

  .container--gallery--global {
    max-width: 130rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    font-size: 5.2rem;
  }

  .paragraph--global,
  span.paragraph--global,
  .download-link--global,
  .download-link--global:link,
  .download-link--global:visited,
  .download-element-heading--global,
  .download-link-support--global {
    font-size: 2rem;
  }

  /* VIDEOS */

  .video-big--global {
    width: 78rem;
    height: 44rem;
  }
}

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

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

  .section-hero--global,
  .hero-img--global {
    height: 40rem;
  }

  .hero-text--global {
    font-size: 1.8rem;
  }

  /* CONTAINERS */

  .container--global {
    max-width: 100rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    font-size: 4.4rem;
  }

  .heading-tertiary--global {
    font-size: 2.2rem;
  }

  .paragraph--global,
  span.paragraph--global,
  .download-link--global,
  .download-link--global:link,
  .download-link--global:visited,
  .download-element-heading--global,
  .download-link-support--global {
    font-size: 1.6rem;
  }

  /* BUTTONS */

  .button--global,
  .button--global:link,
  .button--global:visited {
    font-size: 2rem;
  }

  /* VIDEOS */

  .video-big--global {
    width: 63rem;
    height: 35rem;
  }
}

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

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

  .section-hero--global,
  .hero-img--global {
    height: 45rem;
  }

  .hero-text--global {
    font-size: 1.8rem;
    padding: 0.4rem 0 0rem 0;
  }

  /* CONTAINERS */

  .container--global {
    max-width: 82rem;
  }

  .container--gallery--global {
    max-width: 100rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    font-size: 3.6rem;
  }

  .heading-secondary--global {
    font-size: 3.6rem;
  }

  .heading-tertiary--global {
    font-size: 2rem;
  }

  .subheading--global {
    font-size: 1.8rem;
  }

  /* BUTTONS */

  .button--global,
  .button--global:link,
  .button--global:visited {
    font-size: 1.6rem;
    padding: 1.6rem;
  }

  /* CHECKBOXES */

  .checkbox--global {
    padding: 7px;
  }

  .checkbox--global:checked:after {
    left: 3px;
    font-size: 11px;
  }

  /* VIDEOS */

  .video-small--global {
    width: 48rem;
    height: 27rem;
  }
}

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

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

  .section-hero--global,
  .hero-img--global {
    height: 40rem;
  }

  .hero-text--global {
    font-size: 1.8rem;
    line-height: var(--line-height--small-medium);
    padding: 0.4rem 0 0rem 0;
    text-align: center;
  }

  /* CONTAINERS */

  .container--global {
    max-width: 60rem;
  }

  .container--gallery--global {
    max-width: 80rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    text-align: center;
  }

  .heading-secondary--global {
    text-align: center;
    font-size: 3rem;
  }

  .heading-tertiary--global {
    text-align: center;
    font-size: 2.4rem;
  }

  .subheading--global {
    text-align: center;
    font-size: 1.6rem;
  }

  .paragraph--global,
  span.paragraph--global,
  .download-link--global,
  .download-link--global:link,
  .download-link--global:visited,
  .download-element-heading--global,
  .download-link-support--global {
    text-align: center;
  }

  /* VIDEOS */

  .video-big--global {
    width: 50rem;
    height: 28rem;
  }
}

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

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

  .section-hero--global {
    margin-bottom: 2.4rem;
  }

  .section-hero--global,
  .hero-img--global {
    height: 32rem;
  }

  .hero-text--global {
    font-size: 1.6rem;
  }

  /* CONTAINERS */

  .container--global {
    max-width: 55rem;
  }

  section .container--global {
    padding-top: 4.8rem;
  }

  /* GRIDS */

  .grid-gallery--global {
    gap: 0.8rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    font-size: 3rem;
  }

  .heading-secondary--global {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }

  .heading-tertiary--global {
    font-size: 2rem;
  }

  .subheading--global {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .paragraph--global,
  span.paragraph--global,
  .download-link--global,
  .download-link--global:link,
  .download-link--global:visited,
  .download-element-heading--global,
  .download-link-support--global {
    font-size: 1.4rem;
  }

  /* BUTTONS */

  .button--global,
  .button--global:link,
  .button--global:visited {
    font-size: 1.4rem;
    padding: 1.2rem;
  }

  /* VIDEOS */

  .video-big--global {
    width: 40rem;
    height: 22rem;
  }
}

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

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

  .section-hero--global {
    margin-bottom: 1.2rem;
  }

  .section-hero--global,
  .hero-img--global {
    height: 25rem;
  }

  /* GRIDS */

  .grid-gallery--global {
    gap: 0.4rem;
  }

  /* HEADINGS, TEXT AND LINKS */

  .heading-primary--global {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }

  .heading-secondary--global {
    font-size: 2rem;
    margin-bottom: 2.4rem;
  }

  .heading-tertiary--global {
    font-size: 1.6rem;
  }

  .subheading--global {
    font-size: 1.2rem;
  }

  .heading-secondary--global,
  .subheading--global,
  .paragraph--global,
  span.paragraph--global {
    text-align: center;
  }

  .paragraph--global,
  span.paragraph--global,
  .download-link--global,
  .download-link--global:link,
  .download-link--global:visited,
  .download-element-heading--global,
  .download-link-support--global {
    font-size: 1.4rem;
  }

  .downloads-list--global {
    line-height: var(--line-height--default);
  }

  /* CHECKBOXES */

  .checkbox--global {
    padding: 6px;
  }

  .checkbox--global:checked:after {
    left: 3px;
    font-size: 8px;
  }

  /* VIDEOS */

  .video-box--global {
    padding: 2.4rem 0;
  }

  .video-big--global {
    width: 28rem;
    height: 14rem;
  }
}