html {
}

body {
  font-family: sans-serif;
}

main {
  max-width: 100vw;
  margin: 4rem 8rem;
  padding: 1rem;
  background-color: white;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-size: 1em;
}

.trashmuseum-image {
  max-width: 49%;
}

hr {
  margin-top: 4rem;
  border: none;
  height: 1px;
  color: #000;  /* old IE */
  background-color: #000;  /* Modern Browsers */
}

@media screen and (max-width: 500px) {
  
  main {
    margin: 4rem 0.5rem;
    padding: 0.5rem;
  }

  .trashmuseum-image {
    max-width: 100%;
  }
}