@media screen and (min-width: 1450px) and (max-width: 1800px) {
  .text > h2 {
    font-size: 12rem;
  }

  .text > h3 {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .text > img {
    width: 75%;
  }
}

@media (min-width: 800px) and (max-width: 1200px) {
  .text > img {
    width: 60%;
  }

  .scrollNav {
    left: -7%;
  }

  footer {
    margin-top: 0rem;
  }
}

@media (min-width: 800px) and (max-width: 1400px) {
  .scrollNav{
    transform: rotate(-90deg) scale(0.75) translateX(-3rem) translateY(-1rem);
  }
}

@media (max-width: 800px) {
  .scrollNav {
    display: none;
  }
}

@media screen and (max-width: 1500px) {
  .scrollNav {
    font-size: 0.8rem;
    /* z-index: -1; */
  }
}

@media screen and (min-width: 1700px) {
  .hide {
    font-size: 0.75rem;
    padding: 1rem 1.5rem;
  }
}
/*# sourceMappingURL=respDesktop.css.map */