body{
  font: 1em/1.6em sans-serif;
  color: #353535;
}

.mid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .mid {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .mid {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .mid {
    width: 1170px;
  }
}

.clearfix:before, .clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after{
  clear: both;
}