@media (min-width: 1820px) {

  /*********************/
  /***** STRUCTURE *****/
  /*********************/

  div.wrapper {
    max-width: 2850px;
    width: 80%;
    min-width: 1820px;
  }

  section div.wrapper,
  footer div.wrapper {
    padding: 150px;
  }
}

@media (min-width: 1280px) and (max-width: 1680px) {
  .navigation nav li a {
    font-size: 75px;
  }
}

@media (min-width: 1600px) and (max-width: 1819px) {
  section div.wrapper,
  footer div.wrapper {
    padding: 100px;
  }

  section:not(.cta) div.wrapper {
    padding-bottom: 150px;
  }
}

@media (min-width: 1600px) {
  .hideOnDesktop {
    display: none;
  }

  header {
    height: 250px;
    padding: 50px 0;
  }

  header div.wrapper {
    padding: 50px 100px;
  }

  body.openNav header.fixed div.wrapper {
    padding: 100px;
  }

  section.hero .media::after {
    left: 50%;
    width: 50%;
  }

  section.hero .play {
    left: 25%;
  }

  div.content {
    margin-top: 100px;
  }

  div.content:first-child {
    margin-top: 0;
  }

  div.content:last-child {
    margin-bottom: -100px;
  }
}