.desktop {
  display: none !important;
}

.screen {
  padding: 10vw 0 0 20vw;
}

.hero--image {
  height: 35vh;
}

#about {
  grid-template-columns: 1fr;
}

#smoke {
  grid-template-columns: 1fr;
}
#smoke .text-box {
  margin-top: 10vw;
  margin-right: 20vw;
}
#smoke .image {
  height: 35vh;
}

#collection {
  grid-template-columns: 1fr;
}
#collection .text-box {
  margin-right: 20vw;
  margin-bottom: 10vw;
}
#collection .image {
  height: 35vh;
}

#play {
  padding-right: 20vw;
}
#play .grid-box {
  grid-template-columns: 1fr;
}
#play .flex-box {
  margin-top: 10vw;
}

#relax .grid-box {
  grid-template-columns: 1fr;
}
#relax .left .image {
  height: 35vh;
}
#relax .right {
  margin-top: 10vw;
}
#relax .right .image {
  height: 35vh;
}
#relax .margin-text {
  margin-left: 0;
}
#relax .text-box {
  margin-right: 20vw;
}

#contacts .text {
  padding-right: 2.5rem;
}

@media screen and (max-width: 768px) {
  #contacts .image {
    height: 35vh;
    margin-right: 0;
  }
}
@media screen and (max-width: 660px) {
  html {
    font-size: 13px;
  }

  .screen {
    padding: 10vw 0 0 10vw;
  }

  .border-radius {
    border-radius: 0 0 0 100px;
  }

  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5vw;
    background: #fff;
    z-index: 3;
  }
  header nav, header .subnav {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header nav a, header .subnav a {
    opacity: 0;
    margin-right: 0;
    font-size: 1.5rem;
    left: -20px;
  }
  header nav {
    margin-top: auto;
  }
  header .close {
    opacity: 0;
    position: absolute;
    top: 5vw;
    right: 5vw;
  }

  #hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10vw;
    font-family: "Fontello";
    font-size: 1.5rem;
  }

  .hero--image .title {
    font-size: 2rem;
    margin-top: 19vw;
    max-width: 19rem;
  }

  #about .text {
    margin-right: 10vw;
  }

  #smoke .text-box, #collection .text-box {
    margin-right: 10vw;
  }

  #play {
    padding-right: 10vw;
  }

  #relax {
    padding: 10vw 0 0 10vw;
  }
  #relax .text-box {
    margin-right: 10vw;
  }

  #contacts {
    grid-template-columns: 1fr;
  }
  #contacts .image {
    height: 60vh;
    margin-right: 10vw;
    margin-top: 10vw;
  }

  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .logo {
    margin-bottom: 1rem;
  }
  footer .copywrite {
    margin-top: 1.5rem;
  }
  footer .col, footer .social {
    margin-right: 0;
  }
  footer .col {
    margin-top: 0.5rem;
  }
  footer .social, footer .policy {
    margin-top: 1.5rem;
  }
}

/*# sourceMappingURL=mobile.css.map */