@charset "UTF-8";

/*	BAREBONES RESPONSIVE GRID FRAMEWORK (Desktop + Tablet Layouts)
	Version 3.2
	June 2018
	www.dawgeatdawg.com
*/





/* @group --- GRID | 12 Columns (Mobile First) ---*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: block;
	position: relative;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
/* 			background: hsla(0, 50%, 50%, 0.1); */
}

	.grid_1 { width: 46%; }
	
	.grid_2, .grid_3,
	.grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: 96%; }


	.grid_sm_2 {
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
/* 				border: 1px solid hsla(100, 100%, 50%, 0.5); */
	}
	
		.grid_center {
			clear: both;
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
	
		.grid_full {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		
			.grid_sm_sp { margin-top: 1.5rem; }
				
				
.hideMobile { display: none !important; }
.hideDesktop { display: block; }


@media only screen and (max-width: 46em) {

	.grid_sm_full {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
/* 		.grid_5.grid_center { width: 70%; } */

	header #logo {
		width: 60%;
	}

}
/* @end */





/* @group --- MEDIA SIZE | Desktop ---*/
@media only screen and (min-width: 46em) {


	/* @group --- GRID | 12 Columns (Desktop) ---*/
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		margin-left: 1.6666666666667%;
		margin-right: 1.6666666666667%;
/* 				background: hsla(0, 50%, 50%, 0.1); */
	}
	
		.grid_1 { width: 5%; }	
		.grid_2 { width: 13.333333333333%; }
		.grid_3 { width: 21.666666666667%; }
		.grid_4 { width: 30%; }
		.grid_5 { width: 38.333333333333%; }
		.grid_6 { width: 46.666666666667%; }
		.grid_7 { width: 55%; }
		.grid_8 { width: 63.333333333333%; }
		.grid_9 { width: 71.666666666667%; }
		.grid_10 { width: 80%; }
		.grid_11 { width: 88.333333333333%; }
		.grid_12 { width: 96.666666666667%; }

			.grid_center {
				clear: both;
				float: none;
				margin-left: auto;
				margin-right: auto;
			}
		
			.grid_full {
				width: 100%;
				margin-left: 0;
				margin-right: 0;
			}
			
				.grid_sm_sp { margin-top: 0; }
			
			
	.hideMobile { display: block; }
	.hideDesktop { display: none !important; }
	
	/* @end */

	
	
	/* @group --- STICKY FOOTER + WRAPPERS + RESPONSIVE TYPE ---*/
		
		article,
		header > div,
		footer > div {
			padding-left: 3.0rem;
			padding-right: 3.0rem;
/* 					background: hsla(220, 100%, 50%, 0.1); */
		}

		article {
/* 			padding: 1.0rem 2.0rem 0.5rem; */
/* 					background: hsla(300, 100%, 50%, 0.1); */
		}

	/* @end */



	/* @group --- BASIC HTML ELEMENTS ---*/
		
	body {
		font-size: 0.8rem;
/*
		line-height: 1.3em;
		letter-spacing: 0.05em;
		word-spacing: 0.1em;
*/
	}

/*
	h1 { font-size: 1.2rem; }
	
	h2 { font-size: 0.9rem; }
	
	h3 { font-size: 0.75rem; }
*/

	/* @end */



	/* @group --- HEADER ---*/

			header > div {
/* 				margin-bottom: 0.5rem; */
/* 						background: hsla(90, 50%, 50%, 0.2); */
		}
		
			header #logo > a {
/* 				width: 100%; */
/* 				margin: 0; */
/* 						background: hsla(90, 50%, 50%, 0.2); */
		}
		
	/* @end */



	/* @group --- MENU | Top ---*/
	
/*
	svg#menuToggle { display: none; }
	
	nav#menuTop { display: block; }
	
		nav#menuTop ul {
				flex-flow: row nowrap;
				justify-content: space-around;
				padding-left: 1.0rem;
				padding-right: 1.0rem;
		}

			nav#menuTop ul li {
				margin: 0 0.0rem;
				flex: 0 1 auto;
			}

				nav#menuTop ul li a,
				nav#menuTop ul li a:visited {
					margin: 0;
					padding: 0.2rem 0.8rem 0.2rem 0.5rem;
					font-size: 0.6rem;
					line-height: 1.8em;
				}
				
				nav#menuTop ul li a svg {
					float: none;
					max-width: 0.9rem;
					max-height: 0.9rem;
					margin-bottom: 0.05rem;
				}
*/

	/* @end */
	
	
	
	/* @group --- CONTENT ---*/
	
	.multiCol {
		column-count: 2;
			-webkit-column-count: 2;
			-moz-column-count: 2;
		column-gap: 2.8%;
			-webkit-column-gap: 2.8%;
			-moz-column-gap: 2.8%;
	/*
		column-rule: 1px solid #000;
			-webkit-column-rule: 1px solid #000;
			-moz-column-rule: 1px solid #000;
	*/
	}
	
		.multiCol > blockquote,
		.multiCol > li {
			-webkit-column-break-inside: avoid;
				page-break-inside: avoid;
				break-inside: avoid;
			margin-left: 1.0rem;
			padding-right: 1.0rem;
	/* 			background: hsla(90, 50%, 50%, 0.2); */
		}

	/* @end */
	
	
	
	/* @group --- FOOTER ---*/
	
	footer > div {
		font-size: 0.6rem;
/* 				background: hsla(50, 50%, 50%, 0.1); */
	}
	
		footer .copyright {
			font-size: 0.5rem;
		}
	
	/* @end */
	
	
	
	/* @group --- CLASSES | Section Specific ---*/
	
	
	
	/* @end */

}
/* @end */





/* @group --- MEDIA SIZE | Tablet ---*/
/* @media only screen and (min-width: 40em) and (max-width: 80em) { */

	/* @group --- GRID | 12 Columns (Tablet) ---*/
	
/*
		.grid_1 { width: 5%; }
		
		.grid_2, .grid_3 { width: 30%; }
		
		.grid_4, .grid_5, .grid_6 { width: 46.666666666667%; }
		
		.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
			display: block;
			float: left;
			width: 94% !important;
			margin-left: 3% !important;
			margin-right: 3% !important;
			margin-bottom: 1.5em;
		}
		
		.hideMobile { display: block; }
		.hideDesktop { display: block; }
*/

	/* @end */

	
/* 		body { background: hsla(0, 100%, 50%, 0.1); } */

/* } */
/* @end */