/* ----------------------------------------------------------------------------
Starts out with a 'clean' document, without standard whitespace
   ---------------------------------------------------------------------------- */
*, html {
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------------------------------------
The code below is needed for clearing floats...
LINK: http://www.positioniseverything.net/easyclearing.html

Add a .clearfix class to the element you need to have expand: (the 'container')
   ---------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
  display: block;
}
/* End hide from IE Mac */