body{
    width: 100%;
    margin: 0;
    padding: 0;
}
a:hover {
    color: rgb(150, 251, 255);
}

#main {
  margin: auto;
  width: 40%;
  margin-top: 10px;
}

#main > img {
    max-width: 100%;
}


@media screen and (max-width: 992px) and (orientation: landscape)  {
  #main {
    width: 50%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (max-width: 600px) {
  #main {
    width: 100%;
  }
}