@media (max-width: 1400px) {
  .slide,
  .about,
  .profile,
  .contact,
  .collection {
    width: 78vw;
    margin-left: 22%;
  }
  header {
    width: 22vw;
  }
}

@media (max-width: 992px) {
  .slide,
  .about,
  .profile,
  .contact,
  .collection {
    width: 75vw;
    margin-left: 25%;
  }
  header {
    width: 25vw;
  }
}

@media (max-width: 767px) {
  .slide,
  .about,
  .profile,
  .contact,
  .collection {
    width: 100vw;
    margin-left: 0;
    padding: 0 30px;
  }
  header {
    width: 25vw;
  }
  .slide {
    padding: 0;
    top: 120px;
  }
  .slide .ig {
    margin: 50px 30px 130px 30px;
  }
  .profile .pf img {
    max-width: 335px;
    width: 100%;
  }
  .modal .modal-box {
    width: 95%;
  }
}
/*# sourceMappingURL=mq.css.map */