html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
html {
  background: #fff;
  color: #333;
  font: 12px/1.5em arial, helvetica, sans-serif;
}
body {
  font-size: 100%;
  text-align: center;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  position: relative;
  display: block;
  z-index: 1;
  margin: 0;
  padding: 0;
  zoom: 1;
}
a,
form,
img {
  border: 0;
}
form,
img {
  outline: none;
}
#main {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
  clear: both;
}
.equal-height-cols {
  position: relative;
  display: block;
  margin: 0;
  padding: 20px 0 0;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  box-shadow: 3px 3px 4px #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'),progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'),progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'),progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000')";
}
.equal-height-cols .wrap {
  position: relative;
  display: block;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.equal-height-cols .col {
  position: relative;
  float: left;
  margin: 0 0 -9999px 10px;
  padding: 0 0 9999px 9px;
  overflow: hidden;
  border-left: 1px solid #333;
}
.equal-height-cols .col:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.equal-height-cols .col article {
  text-align: left;
  padding: 0;
}
.cols-3 .col {
  width: 300px;
}
.cols-5 .col {
  width: 176px;
}
.hexagon {
  position: absolute;
  width: 280px;
  height: 330px;
  margin: 0;
  padding: 0;
  top: 30%;
  left: 30%;
  transition: all 300ms ease-in-out 0s;
  transform: rotate(120deg);
}
.hexagon .hex1,
.hexagon .hex2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
}
.hexagon .hex1 .hex2 {
  visibility: visible;
  background: #333;
}
.hexagon .hex1 .hex2 img {
  display: block;
  width: 300px;
  height: 350px;
}