body {
  text-align: center;
  padding: 0;
  font-family: "Oxygen";
  background-image: url('../img/background1.png');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top;
}
.main {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
ul {
  list-style-type: none;
  padding: 10px;
}
.medium {
  padding-bottom: 25px;
}
.main .project {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  padding: 10px 10px;
}
.main .about {
  max-width: 500px;
  margin: 0 auto;
}
.main .about p {
  vertical-align: top;
}
.main .about .social {
  clear: both;
}
.main .about .social img {
  padding-top: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 500px) {
  .main .about img {
    float: none;
  }
}