@charset "UTF-8";
/* CSS Document */

/* General + Type */
@media (min-width: 1800px) {




}

@media (max-width: 1500px) {



}

@media (max-width: 1360px) {

  header .max-width {
    width: calc(100% - 7rem);
  }

}

@media (max-width: 1300px) {



}

@media (max-width: 1260px) {

  header .max-width {
    width: calc(100% - 6.5rem);
  }

  header .col--right .navigation-items .navigation-item {
    font-size: 1.125rem;
    margin-right: 1.25rem;
  }

  header .col--right .navigation-items .navigation-item a.cta--primary {
    font-size: 1.0625rem;
  }

}

@media (max-width: 1200px) {

}

@media (max-width: 1160px) {

  header .max-width {
    width: calc(100% - 6rem);
  }

  header .col--right .navigation-items .navigation-item {
    font-size: 1.0625rem;
  }

  header .col--right .navigation-items .navigation-item a.cta--primary {
    font-size: 1rem;
  }

}

@media (max-width: 1100px) {

  header .max-width {
    width: calc(100% - 5rem);
  }

}

@media (max-width: 1024px) {

  header .max-width {
    width: calc(100% - 4rem);
  }

  header .col--right .navigation-items .navigation-item {
    margin-right: 1rem;
  }

}

@media (max-width: 960px) {

  header .max-width {
    width: calc(100% - 3.5rem);
  }

}

@media (max-width: 860px) {

  header .max-width {
    width: calc(100% - 3rem);
  }

}

@media (max-width: 800px) {



}

@media (max-width: 768px) {


}

@media (max-width: 720px) {


}

@media (max-width: 640px) {



}

@media (max-width: 600px) {


}

@media (max-width: 575px) {

  #hamburger-menu,
  .menu-blade--child-blade {
    width: 100%;
    max-width: unset;
  }

}

@media (max-width: 525px) {



}

@media (max-width: 480px) {


  body.hamburger-system header .col--right .navigation-items .navigation-item.nav-cta {
    margin-right: 1.25rem;
  }

}

@media (max-width: 450px) {


}

@media (max-width: 428px) {


  body.hamburger-system header .col--right .navigation-items .navigation-item.nav-cta {
    margin-right: 1rem;
  }

  header .col--right .navigation-items .navigation-item a.cta--primary {
    font-size: .9rem;
  }

}

@media (max-width: 400px) {

  header .max-width {
    width: calc(100% - 3.25rem);
  }


}

@media (max-width: 375px) {


}

@media (max-width: 360px) {

  header .max-width {
    width: calc(100% - 2.75rem);
  }

}