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 */
}

.scroll-container {
  padding: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height:80vh;

}

.scroll-container > img {
  height: 100%;
  max-width: unset;
  margin-right: 5rem;
}



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

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