.grid-img {display: block; width: 100%; height: auto;}

.max-width-1300 {margin: 0 auto 25px; max-width: 1300px; box-sizing: border-box; padding: 0 10px;}


/* === MEDIA QUERIES - FULL SCREEN */
@media only screen and (min-width: 1001px) {

	.grid-container-bg {width: 100% ; box-sizing: border-box; background: url('../../images/white-bg-strip.jpg') top repeat-x, url('../../images/white-bg-strip.jpg') right bottom repeat-x, url('../../images/eee-bg.jpg') repeat;}

	.grid-container-3 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin: 0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0 10px; }
	.grid-container-3 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-3 .caption {position: absolute; bottom: 0; font-size: 120%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 6px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box; overflow: hidden;}
	.grid-container-3 .head {font-size: 120%; font-weight: 600;}
		.grid-container-3 a:link .caption, .grid-container-3 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-3 a:hover .caption, .grid-container-3 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-3 a:hover .caption .head, .grid-container-3 a:active .caption .head {text-decoration: underline;}

	.grid-container-2 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin: 0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0 10px; }
	.grid-container-2 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-2 .caption {position: absolute; bottom: 0; font-size: 120%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 4px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box; overflow: hidden;}
	.grid-container-2 .head {font-size: 120%; font-weight: 600;}
		.grid-container-2 a:link .caption, .grid-container-2 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-2 a:hover .caption, .grid-container-2 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-2 a:hover .caption .head, .grid-container-2 a:active .caption .head {text-decoration: underline;}

	/* toggle hide/show on large screens */
	.capt-hide .capt {display: none; opacity: 0 !important; color: #000 !important; width: 1; line-height: 1;}
	.capt-hide a:hover .capt { display: block; opacity: 1 !important; height: auto; width: auto; color: #fff !important; line-height: 1.25; font-size: 100%;}

	.grid-layout {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin: 0 auto 40px; max-width: 1300px; box-sizing: border-box; -padding: 0 10px;}
		.grid-layout > .grid_3m {grid-column: span 3;}
		.grid-layout > .grid_4m {grid-column: span 4;}
		.grid-layout > .grid_6m {grid-column: span 6;}
		.grid-layout > .grid_8m {grid-column: span 8;}
		.grid-layout > .grid_12m {grid-column: span 12;}
}
/* === MEDIA QUERIES - TABLET */
@media only screen and (min-width: 601px) and (max-width: 1000px) {

	.grid-container-bg {background: #fff;}

	.grid-container-3 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; padding: 0; margin: 0 0 20px;}
	.grid-container-3 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-3 .caption {position: absolute; bottom: 0; font-size: 100%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 6px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box;}
	.grid-container-3 .head {font-size: 120%; font-weight: 600;}
		.grid-container-3 a:link .caption, .grid-container-3 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-3 a:hover .caption, .grid-container-3 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-3 a:hover .head, .grid-container-3 a:active .head {text-decoration: underline;}

	.grid-container-2 {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; padding: 0; margin: 0 0 20px;}
	.grid-container-2 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-2 .caption {position: absolute; bottom: 0; font-size: 100%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 6px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box;}
	.grid-container-2 .head {font-size: 120%; font-weight: 600;}
		.grid-container-2 a:link .caption, .grid-container-2 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-2 a:hover .caption, .grid-container-2 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-2 a:hover .head, .grid-container-2 a:active .head {text-decoration: underline;}

	.grid-layout {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin: 0 auto 40px; max-width: 1300px; box-sizing: border-box; -padding: 0 10px;}
		.grid-layout > .grid_3m {grid-column: span 6;}
		.grid-layout > .grid_4m {grid-column: span 6;}
		.grid-layout > .grid_6m {grid-column: span 6;}
		.grid-layout > .grid_8m {grid-column: span 6;}
		.grid-layout > .grid_12m {grid-column: span 12;}
}
/* === MEDIA QUERIES - HANDHELD */
@media only screen and (max-width: 600px) {

	.grid-container-bg {background: #fff;}

	.grid-container-3 {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-gap: 30px; padding: 0; margin: 0 0 20px;}
	.grid-container-3 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-3 .caption {position: absolute; bottom: 0; font-size: 120%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 6px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box;}
	.grid-container-3 .head {font-size: 120%; font-weight: 600;}
		.grid-container-3 a:link .caption, .grid-container-3 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-3 a:hover .caption, .grid-container-3 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-3 a:hover .head, .grid-container-3 a:active .head {text-decoration: underline;}

	.grid-container-2 {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-gap: 30px; padding: 0; margin: 0 0 20px;}
	.grid-container-2 > div {padding: 0; position: relative; box-sizing: border-box;}
	.grid-container-2 .caption {position: absolute; bottom: 0; font-size: 120%; line-height: 1.25; background: rgba(206, 14, 45, 0.85); text-shadow: 0px 0px 6px #ce0e2d, 0px 0px 4px #ce0e2d; color: #fff; width: 100%; transition: .5s ease; color: #fff; padding: 10px; text-align: left; box-sizing: border-box;}
	.grid-container-2 .head {font-size: 120%; font-weight: 600;}
		.grid-container-2 a:link .caption, .grid-container-2 a:visited .caption {text-decoration: none; color: #fff; text-shadow: none;}
		.grid-container-2 a:hover .caption, .grid-container-2 a:active .caption {background: rgba(0, 0, 0, 0.75);  transition-duration: .8s;}
		.grid-container-2 a:hover .head, .grid-container-2 a:active .head {text-decoration: underline;}

	.grid-layout {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; margin: 0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0 10px;}
		.grid-layout > .grid_3m {}
		.grid-layout > .grid_4m {}
		.grid-layout > .grid_6m {}
		.grid-layout > .grid_8m {}
		.grid-layout > .grid_12m {}
}