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

/*-------------------------------------------------------------------
	Grid
-------------------------------------------------------------------*/

/* Fallback */
.grid { display:block; clear: both; overflow: hidden; }
.grid > div { float: left; padding: 0 1em 0 0; }
.grid-columns-1-11 > div:nth-child(2n+1) { width:8.333%; }
.grid-columns-1-11 > div:nth-child(2n) { width:91.666%; }
.grid-columns-2-10 > div:nth-child(2n+1) { width:16.666%; }
.grid-columns-2-10 > div:nth-child(2n) { width:83.333%; }
.grid-columns-3-9 > div:nth-child(2n+1) { width:25%; }
.grid-columns-3-9 > div:nth-child(2n) { width:75%; }
.grid-columns-4-8 > div:nth-child(2n+1) { width:33.333%; }
.grid-columns-4-8 > div:nth-child(2n) { width:66.666%; }
.grid-columns-5-7 > div:nth-child(2n+1) { width:41.666%; }
.grid-columns-5-7 > div:nth-child(2n) { width:58.333%; }
.grid-columns-6-6 > div { width:50%; }
.grid-columns-7-5 > div:nth-child(2n+1) { width:58.333%; }
.grid-columns-7-5 > div:nth-child(2n) { width:41.666%; }
.grid-columns-8-4 > div:nth-child(2n+1) { width:66.666%;  }
.grid-columns-8-4 > div:nth-child(2n) { width:33.333%;  }
.grid-columns-9-3 > div:nth-child(2n+1) { width:75%; }
.grid-columns-9-3 > div:nth-child(2n) { width:25%; }
.grid-columns-10-2 > div:nth-child(2n+1) { width:83.333%; }
.grid-columns-10-2 > div:nth-child(2n) { width:16.666%; }
.grid-columns-11-1 > div:nth-child(2n+1) { width:91.666%; }
.grid-columns-11-1 > div:nth-child(2n) { width:8.333%; }
.grid-columns-12 > div { width:100%; }
.grid-columns-equal-2 > div { width: 50%; }
.grid-columns-equal-3 > div { width: 33.333%; }
.grid-columns-equal-4 > div { width: 25%; }
.grid-columns-equal-5 > div { width: 20%; }
.grid > div:nth-child(2n) { padding:0 0 0 1em; }
.grid > div:nth-child(2n+1) { clear:both; padding:0 1em 0 0; }
.grid-columns-equal-3 > div:nth-child(3n-1) { padding:0 0.5em 0 0.5em; }
.grid-columns-equal-3 > div:nth-child(3n) { padding:0 0 0 1em; }
.grid-columns-equal-3 > div:nth-child(3n+1) { clear:both; }
.grid-columns-equal-4 > div:nth-child(4n-1) { padding:0 0.333em 0 0.666em; }
.grid-columns-equal-4 > div:nth-child(4n-2) { padding:0 0.666em 0 0.333em; }
.grid-columns-equal-4 > div:nth-child(4n) { padding:0 0 0 1em; }
.grid-columns-equal-4 > div:nth-child(4n+1) { clear:both; padding:0 2em 0 0; }
.grid-columns-equal-5 > div:nth-child(5n-1) { padding:0 0.333em 0 1em; }
.grid-columns-equal-5 > div:nth-child(5n-2) { padding:0 0.666em 0 0.666em; }
.grid-columns-equal-5 > div:nth-child(5n-3) { padding:0 1em 0 0.333em; }
.grid-columns-equal-5 > div:nth-child(5n) { padding:0 0 0 1.333em; }
.grid-columns-equal-5 > div:nth-child(5n+1) { clear:both; padding:0 1.333em 0 0; }
.grid-columns-equal-3 > div:nth-child(2n+1), .grid-columns-equal-4 > div:nth-child(2n+1), .grid-columns-equal-5 > div:nth-child(2n+1) { clear:none; }


/* Grid */
.grid { display:grid; grid-gap:3em; grid-template-rows:auto;align-items: start; }
.grid-column { align-self:start; }
.grid-columns-1-11 { grid-template-columns:1fr 11fr; }
.grid-columns-2-10 { grid-template-columns:2fr 10fr; }
.grid-columns-3-9 { grid-template-columns:3fr 9fr; }
.grid-columns-4-8 { grid-template-columns:4fr 8fr; }
.grid-columns-5-7 { grid-template-columns:5fr 7fr; }
.grid-columns-6-6 { grid-template-columns:6fr 6fr; }
.grid-columns-7-5 { grid-template-columns:7fr 5fr; }
.grid-columns-8-4 { grid-template-columns:8fr 4fr; }
.grid-columns-9-3 { grid-template-columns:9fr 3fr; }
.grid-columns-10-2 { grid-template-columns:10fr 2fr; }
.grid-columns-11-1 { grid-template-columns:11fr 1fr; }
.grid-columns-12 { grid-template-columns:12fr; }
.grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
.grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
.grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
.grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }
.grid-columns-equal-7 { grid-template-columns:1.7fr 1.7fr 1.7fr 1.7fr 1.7fr 1.7fr 1.7fr ; }

.grid-gap-3 { grid-gap:3em;}

@supports (display: grid) {
	.grid > div { width: auto !important; padding:0 !important; }
}



