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

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

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

.o-section,
.o-box {
	box-sizing: border-box;
}
	
	.o-section:after,
	.o-box:after {
        display: table;
        content: "";
        clear: both;		
	}
		
		.o-section__body {
			margin: 0 auto;
		}

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

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

.o-box {
	display: block;
}

	.o-box > :last-child {
		margin-bottom: 0;
	}