@media (min-width: 43.75em) {
  .modal {
    width: 22em;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}
@media (max-width: 43.75em) {
  h1 {
    font-size: 1.5rem;
  }
  .homeSlide h2 {
    font-size: 2rem !important;
  }
  .homeSlide-left {
    right: 0 !important;
    left: 0;
  }
  .btn {
    font-size: 1rem;
    border: 0;
    margin: 0 0.5rem 2rem;
    padding: 0.857rem 1rem;
    letter-spacing: 0;
  }
  .homeSlide .btn {
    border: 2px solid #f2f2f2;
  }
  nav.menu {
    position: fixed !important;
    z-index: 1080;
    background-color: #fff;
    top: 0 !important;
    height: 10000px;
    color: rgba(0,0,0,0.8);
    padding: 2em 0 0;
    width: 19em;
    left: -19em;
  }
  nav.menu .menu-item {
    display: block;
    padding: 1em;
  }
  body {
    padding-top: 6em;
  }
  .logo {
    width: 38px;
  }
}