* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

aside, article, div {
  min-height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
}

section {
  *zoom: 1;
  width: auto;
  max-width: 800px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
section:before, section:after {
  content: '';
  display: table;
}
section:after {
  clear: both;
}

.sidebar aside {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
}
.sidebar aside:before, .sidebar aside:after {
  content: '';
  display: table;
}
.sidebar aside:after {
  clear: both;
}
.sidebar aside:last-child {
  margin-right: 0%;
}
.sidebar article {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0%;
  margin-right: 3%;
}
.sidebar article:before, .sidebar article:after {
  content: '';
  display: table;
}
.sidebar article:after {
  clear: both;
}
.sidebar article:last-child {
  margin-right: 0%;
}

.three article {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333%;
  margin-left: 0%;
  margin-right: 3%;
}
.three article:before, .three article:after {
  content: '';
  display: table;
}
.three article:after {
  clear: both;
}
.three article:last-child {
  margin-right: 0%;
}

.four article {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
}
.four article:before, .four article:after {
  content: '';
  display: table;
}
.four article:after {
  clear: both;
}
.four article:last-child {
  margin-right: 0%;
}

.five article {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 17.6%;
  margin-left: 0%;
  margin-right: 3%;
}
.five article:before, .five article:after {
  content: '';
  display: table;
}
.five article:after {
  clear: both;
}
.five article:last-child {
  margin-right: 0%;
}

.hero .content {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 58.8%;
  margin-left: 0%;
  margin-right: 3%;
}
.hero .content:before, .hero .content:after {
  content: '';
  display: table;
}
.hero .content:after {
  clear: both;
}
.hero .content:last-child {
  margin-right: 0%;
}
.hero .tiles {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 38.2%;
  margin-left: 0%;
  margin-right: 3%;
}
.hero .tiles:before, .hero .tiles:after {
  content: '';
  display: table;
}
.hero .tiles:after {
  clear: both;
}
.hero .tiles:last-child {
  margin-right: 0%;
}
.hero .tiles ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.hero .tiles ul li {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
  padding: 0.5em;
}
.hero .tiles ul li:before, .hero .tiles ul li:after {
  content: '';
  display: table;
}
.hero .tiles ul li:after {
  clear: both;
}
.hero .tile {
  border: 1px solid blue;
}