/**
 * layout-global.css
 * 
 * Index
 * 
 * - Site Wrap: Contains all website content within a set width
 * - Inner Wrap: Contains the inner content (everything between header nav and footer nav)
 * - Spacing between sections
 * 
 */

/*-----------------------------------------------------------------------
# Site Wrap
------------------------------------------------------------------------*/

/* Contains all website content within a set width */
.site-wrap {
  margin: 0 auto;
  width: 972px;
  position: relative;
}

/*-----------------------------------------------------------------------
# Inner Wrap
------------------------------------------------------------------------*/

/* Contains the inner content (everything between header nav and footer nav) */
.inner-wrap {
  margin: 0 auto;
  width: 924px;
}

/*-----------------------------------------------------------------------
# Spacing between sections
------------------------------------------------------------------------*/

/* Adds a margin above all sections */
.section { margin: 40px 0; }

/* Removed this margin from the hero section in the header */
header .section,
.header-nav .section { margin: 0 0; }