* {
  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 : 1100px) {	
	* { outline: 2px dotted red;}
	* * { outline: 2px dotted green; background: white;  }
	* * * { outline: 2px dotted orange; background: #888; }
	* * * * { outline: 2px dotted blue; background: #666; }
	* * * * * { outline: 1px solid red; background: #444;}
	* * * * * * { outline: 1px solid green; background: #333; }
	* * * * * * * { outline: 1px solid orange; background: #222; }
	* * * * * * * * { outline: 1px solid blue; background: #111; }
}