hr {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    height: 1px;
    border: none;
    background-color: #ccc;
    width: 64px;
}
img:hover {
  opacity: 0.5;
}

.pure-u-1 {
  text-align: center;
}

.pure-img-responsive{
  margin-right: 80px;
}

@media only screen and (max-width: 48em) {
  #main{
    padding-top: 30px !important;
  }
  .pure-u-1 {
    margin-top: 40px;
  }
  .pure-img-responsive{
    margin-right: 0;
    height: 60vh !important;
    width: auto !important;
    max-width: 100vw !important;
  }
}

@media only screen and (min-width: 48em) {
  .content{ 
    max-width: 975px;
  }
}