* {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  margin-bottom: 1em;
}
h2 {
  line-height: 28px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 20px;
}
#header {
  height: 25px;
  text-align: center;
  font: 12px/25px Helvetica, sans-serif;
  background: #eee;
}
#main,
#secondary,
#thirdary,
#fourthary {
  overflow: hidden;
  margin: 20px auto;
  width: 800px;
}
.col4 {
  float: left;
  width: 22%;
  margin-left: 4%;
}
.col3 {
  float: left;
  width: 30.666666666666668%;
  margin-left: 4%;
}
.colx2 {
  float: left;
  width: 48%;
  margin-left: 4%;
}
.colx3 {
  float: left;
  width: 74%;
  margin-left: 4%;
}
.first {
  margin-left: 0;
}

@media (max-width : 1200px) {
  #main,
  #secondary,
  #thirdary,
  #fourthary {
    opacity: 0.4;
  }
  body {
    background: url('test-1.jpg') no-repeat center top;
  }
}