body, html {
height: 100%
}
body,h1,h2,h3,h4,h5,h6 {
    font-family: "Amatic SC", sans-serif
}
.menu {
    display: none
}
.bgimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("./Images/Outside.jpg");
  min-height: 90%;
}

/* code that is here, until the first @media block, will apply to any screen size */
#somethingorother {
  width: 800px ;
}

@media screen and (max-width: 320px) {
  /* comes into effect for screens less than or equal to 320 pixels */
  #somethingorother {
    width: 120px ;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  /* comes into effect for screens between 321 and 480 pixels (inclusive) */
  #somethingorother {
    width: 320px ;
  }
}
@media screen and (min-width: 481px) {
  /* comes into effect for screens larger than or equal to 481 pixels */
  #somethingorother {
    width: 480px ;
  }
}

/* code that is here will apply to any screen size */