.container {
      margin: auto;
      max-width: 800px;
}

.container br{
      clear: both;
}

.container ul {
      box-sizing: border-box;
      float: left;
      width: 100%;
      padding-right: 1em;
}


#headline {
  padding: 20px 5%;
  color: white;
  font-family: Roboto, sans-serif;
  background-color: #6e329d;
  background-size: cover;
}

#headline #blurb {
      padding: 10px 0;
      float: left;
      color: black;
      font-weight: 200;
      width: 100%;
      box-sizing: border-box;

      padding-right: 10px;
}

#section1{
  padding: 10px 5%;
  color: black;
  font-family: Roboto, sans-serif;
  background-size: cover;
}

#section2{
  padding: 10px 5%;
  color: black;
  font-family: Roboto, sans-serif;
  background-size: cover;
}

#section3{
  padding: 10px 5%;
  color: black;
  font-family: Roboto, sans-serif;
  background-size: cover;
}

#section4{
  padding: 10px 5%;
  color: black;
  font-family: Roboto, sans-serif;
  background-size: cover;
}

#section99{
  padding: 10px 5%;
  color: black;
  font-family: Roboto, sans-serif;
  background-size: cover;
}
     
@media (min-width: 600px) {

#section1 div img {
       width: 30%;
       margin: 1%;
       box-sizing: border-box;
       border-radius: 50% 50%;
       box-shadow: black 0px 0px 5px;
}


}