@media screen and (max-width: 767px) {
  .wrapper {
    background-image: url("../images/m-bg.jpg");
  }
  nav {
    width: 100px;
    grid-template-columns: 1fr;
  }
  nav .home-menu {
    opacity: 0;
    display: none;
  }
  nav:hover {
    height: 40vh;
    width: 90vw;
    border-radius: 10px;
  }
  nav:hover .second-menu, nav:hover .home-menu {
    opacity: 1;
    display: block;
  }
  footer {
    text-align: center;
    grid-template-columns: 1fr;
  }
  footer .contact-us {
    text-align: center;
  }
  footer .copyright {
    grid-row: 3/4;
  }
}

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