/* Landscape design smartphones */
@media only screen and (max-device-width: 820px) and (max-device-height: 450px) {
  .grid-container {
    display: grid;
    grid-template-areas:
      "header header "
      "main main "
      "menu menu "
      "footer footer ";
    grid-gap: 5px;
    grid-template-columns: auto auto;
    justify-content: center;
  }

  header {
    width: 99vw;
    height: 60vh;
  }

  .iconStyle {
    max-width: 60%;
    max-height: 60%;
  }

  .menu {
    width: 99vw;
    height: 250vh;
    overflow-y: hidden;
  }

  main {
    grid-area: main;
    width: 99vw;
    height: 110vh;
  }

  footer {
    grid-area: footer;
    width: 98vw;
    height: 150vh;
  }

  .galleryImg {
    width: 30%;
    box-shadow: 2px 5px 12px #888888;
    margin: 10px;
  }

  .slideshow-container {
    max-width: 55vw;
    max-height: 55vh;
    position: relative;
    margin: auto;
  }
}