@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .park {
    border: 1px solid #000000;
    height: auto;
    max-width: 500px;
    width: 20vw;
  }
  #local-map {
    border: 1px solid #666666;
    height: auto;
    max-width: 1200px;
    width: 84vw;
  }
  #vid1 {
    border: 1px solid #000000;
    height: 47vw;
    max-width: 1200px;
    width: 84vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {
  .park {
    width: 13vw;
  }
}
/* DESKTOP */
@media only screen and (max-width: 1400px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .park {
    width: 40vw;
  }
}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
  .park {
    height: auto;
    max-width: 500px;
    width: 84vw;
  }
}