@media screen and (min-width: 1024px) and (max-width: 1200px) {

   nav {
      height: calc(var(--header-height) + 1rem);
      display: flex;
      justify-content: space-between;
   }

   .nav-container {
      width: 90%;
   }

   .nav-logo {
      margin-right: 2rem;
   }

   .nav-logo img {
      width: 160px;
   }

   .nav-icons ul {
      justify-content: flex-end;
      list-style-type: none;
   }

   .burger div {
      width: 25px;
      height: 2px;
      background-color: rgb(236, 236, 236);
      margin: 5px 5px 5px 2rem;
      transition: all 0.3s ease;
   }

   .nav-links {
      width: 60vw;
   }

   h1 {
      font-size: 0.85rem;
      letter-spacing: 4px;
   }

   h2 {
      font-size: 2.5rem;
      line-height: 1;
   }

   h2.big {
      font-size: 2.5rem;
      line-height: 1;
   }

   h2.small {
      font-size: 2.35rem;
   }

   h3 {
      font-size: 1.25rem;
      line-height: 1.1;
   }

   .container-content {
      width: 36%;
      top: 10%;
   }

   .container--inner {
      width: 70%;
   }

   .container--headline {
      padding-right: 25%;
   }


   /* ----- B L U E ----- */
   .container-content.blue {
      left: 55%;
      top: 10%;
   }

   /* ----- G R E E N ----- */
   .container-content.green {
      position: absolute;
      top: 10%;
      left: 55%;
   }

   .button {
      padding: 0.85rem 1.25rem;
      font-size: 11px;
   }

   .button-group {
      margin-top: 1rem;
   }

   .chevron i {
      display: none;
   }

   .chevron i.blue {
      display: none;
   }

   .chevron i.jade {
      display: none;
   }

}