/* ==========================================================================
   #sections-core
   ========================================================================== */

/*
   section
   ========================================================================== */

/**
 * The skin for the section object.
 *
 * Usage:
 *
 * <div class="o-section">
 *     <div class="o-section__body"></div>
 * </div>
 */

.o-section__body {
	max-width: 90%;
	padding: 1em 0;
}

@media (min-width: 80em) {
    .o-section__body {
        max-width: 980px;
    }
}

/*
   box
   ========================================================================== */

/**
 * The box object boxes off content from the rest of the document.
 *
 * Usage:
 *
 * <div class="o-box">
 * </div>
 */

.o-box {
	padding: 1em;
}