@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Layout (ex.: .l-grid)
-------------------------------------------------------------------*/
.wrapper { width:100%; clear:both; padding:20px 0 30px 0; }
section { max-width:960px; margin:0 auto; clear:both; }
section:after { clear:both; }

/* Grid */
.l-grid { clear:both; overflow:hidden; }
.l-grid > div { float:left; padding:0 2% 0 0; }
.l-grid > .l-grid-100 { width:100%; padding:0; }
.l-grid > .l-grid-95 { width:95%; }
.l-grid > .l-grid-90 { width:90%; }
.l-grid > .l-grid-85 { width:85%; }
.l-grid > .l-grid-80 { width:80%; }
.l-grid > .l-grid-75 { width:75%; }
.l-grid > .l-grid-70 { width:70%; }
.l-grid > .l-grid-65 { width:65%; }
.l-grid > .l-grid-60 { width:60%; }
.l-grid > .l-grid-55 { width:55%; }
.l-grid > .l-grid-50 { width:50%; }
.l-grid > .l-grid-45 { width:45%; }
.l-grid > .l-grid-40 { width:40%; }
.l-grid > .l-grid-35 { width:35%; }
.l-grid > .l-grid-33 { width:33%; }
.l-grid > .l-grid-30 { width:30%; }
.l-grid > .l-grid-25 { width:25%; }
.l-grid > .l-grid-20 { width:20%; }
.l-grid > .l-grid-15 { width:15%; }
.l-grid > .l-grid-10 { width:10%; }
.l-grid > .l-grid-5 { width:5%; }
.l-grid > div { zoom:1; }
/* Number of columns per sections */
.l-row-1 > div { clear:both; padding:0; }
.l-row-2 > div:nth-child(2n) { padding:0 0 0 2%; float:right; }
.l-row-2 > div:nth-child(2n+1) { clear:both; }
.l-row-3 > div:nth-child(3n-1) { padding:0 1% 0 1%; }
.l-row-3 > div:nth-child(3n) { padding:0 0 0 2%; }
.l-row-3 > div:nth-child(3n+1) { clear:both; }
.l-row-4 > div:nth-child(4n-1) { padding:0 1% 0 2%; }
.l-row-4 > div:nth-child(4n-2) { padding:0 2% 0 1%; }
.l-row-4 > div:nth-child(4n) { padding:0 0 0 3%; }
.l-row-4 > div:nth-child(4n+1) { clear:both; padding:0 3% 0 0; }
.l-row-5 > div:nth-child(5n-1), .l-row-5 > div:nth-child(5n-2), .l-row-5 > div:nth-child(5n-3) { padding:0 2% 0 2%; }
.l-row-5 > div:nth-child(5n) { padding:0 0 0 2%; }
.l-row-5 > div:nth-child(5n+1) { clear:both; }

/* Sticky footer */
footer { }
footer, #l-wrap:after { height:250px; }
#l-wrap { min-height:100%; margin-bottom:-250px;  }
#l-wrap:after { content:""; display:block; }
.l-grid.is-equal-height { display:table; }
.l-grid.is-equal-height > div { display:table-cell; float:none !important; vertical-align:middle; }
.clear { clear:both; }
