@media only screen and (max-width: 1060px) {
}
@media only screen and (max-width: 845px) {
  .navigation__button {
    right: 1rem;
    top: 1rem;
    height: 4rem;
    width: 4rem;
  }
  .navigation__background {
    right: 1.2rem;
    top: 1.2rem;
    height: 3.5rem;
    width: 3.5rem;
  }
  .navigation__icon {
    margin-top: 2rem;
  }
  .navigation__icon,
  .navigation__icon::before,
  .navigation__icon::after {
    width: 2rem;
  }
  .heading-primary--main {
    font-size: 2rem;
  }
  .center-box {
    width: 100%;
  }
}
@media only screen and (max-width: 430px) {
  .navigation__link:link,
  .navigation__link:visited {
    font-size: 2rem;
  }
  .header__text-box {
    top: 50%;
  }
  .heading-primary--main {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 386px) {
  .navigation__link:link,
  .navigation__link:visited {
    font-size: 1rem;
  }
  .heading-primary--main {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 270px) {
}