@import url("_shared_footer.css");



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

	.blocks {max-width: 958px; margin: 24px auto 10px; padding: 0px;}
	.button {float: left;background-color: #ce0e2d; border: none; color: #FFFFFF; text-align: center; font-size: 140%; padding: 1.5%; width: 31.2%; height: 150px; cursor: pointer; line-height: 0px; margin: 0 1% 25px 1%; transition: all .1s ease;}
		.button .show-more {font-size: 75% !important; opacity: 0; transition: all .3s ease;}
		.button:hover .show-more {opacity: 1; }
		.button:hover {background-color: #343434; line-height: 20px;}

	.team-layer {width: 100%; margin: 0; padding: 45px 0; background: #666; margin: 40px 0 0;}
	.team-layer-blocks {max-width: 948px; margin: 24px auto 10px; padding: 0px 5px; display: table;}
	.team-block {width: 50%; display: table-cell; vertical-align: middle;}
		.team-block img {max-width: 90% !important;}
		.team-block p, .team-block h1, .team-block i {color: #fff}
		.team-block button {color: #666; background: #fff; border: 1px solid #fff; font-size: 140%; padding: 3px 10px;}
		.team-block button i {color: #666; vertical-align: -16%;}
		.team-block button a {color: #666;}
			.team-block button:hover {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover a {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover i {border: 0; background: #ce0e2d; color: #fff;}			

}
/* === MEDIA QUERIES - TABLET */
@media only screen and (min-width: 515px) and (max-width: 824px) {

	.blocks {max-width: 958px; margin: 24px auto 10px; padding: 0px;}
	.button {float: left;background-color: #ce0e2d; border: none; color: #FFFFFF; text-align: center; font-size: 140%; padding: 1.5%; width: 47.5%; height: 130px; cursor: pointer; line-height: 0px; margin: 0 1% 25px 1%; transition: all .1s ease;}
		.button .show-more {font-size: 75% !important; opacity: 0; transition: all .3s ease;}
		.button:hover .show-more {opacity: 1; }
		.button:hover {background-color: #343434; line-height: 20px;}

	.team-layer {width: 100%; margin: 0; padding: 45px 0; background: #666; margin: 40px 0 0;}
	.team-layer-blocks {max-width: 948px; margin: 24px auto 10px; padding: 0px 10px;}
	.team-block {width: 100%; vertical-align: middle;}
	
	.team-layer-blocks div:nth-last-child(2) {padding-top: 20px !important;}

		.team-block img {width: 100% !important;}
		.team-block p, .team-block h1, .team-block i {color: #fff}
		.team-block button {color: #666; background: #fff; border: 1px solid #fff; font-size: 140%; padding: 3px 10px;}
		.team-block button i {color: #666; vertical-align: -16%;}
		.team-block button a {color: #666;}
			.team-block button:hover {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover a {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover i {border: 0; background: #ce0e2d; color: #fff;}


}
/* === MEDIA QUERIES - HANDHELD */
@media only screen and (max-width: 514px) {


	.blocks {max-width: 958px; margin: 24px auto 10px; padding: 0px;}
	.button {float: left;background-color: #ce0e2d; border: none; color: #FFFFFF; text-align: center; font-size: 140%; padding: 1.5%; width: 95%; height: 110px; cursor: pointer; line-height: 0px; margin: 0 1% 25px 1%; transition: all .1s ease;}
		.button .show-more {font-size: 75% !important; opacity: 0; transition: all .3s ease;}
		.button:hover .show-more {opacity: 1; }
		.button:hover {background-color: #343434; line-height: 20px;}

	.team-layer {width: 100%; margin: 0; padding: 15px 0; background: #666; margin: 10px 0 0;}
	.team-layer-blocks {max-width: 948px; margin: 24px auto 10px; padding: 0px 10px;}
	.team-block {width: 100%; vertical-align: middle;}
	
	.team-layer-blocks div:nth-last-child(2) {padding-top: 20px !important;}
	
		.team-block img {width: 100% !important;}
		.team-block p, .team-block h1, .team-block i {color: #fff}
		.team-block button {color: #666; background: #fff; border: 1px solid #fff; font-size: 140%; padding: 3px 10px;}
		.team-block button i {color: #666; vertical-align: -16%;}
		.team-block button a {color: #666;}
			.team-block button:hover {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover a {border: 1px solid #fff; background: #ce0e2d; color: #fff;}
			.team-block button:hover i {border: 0; background: #ce0e2d; color: #fff;}


}
@media print {

	#hero-top {display: none;}
	
	.blocks {max-width: 958px; margin: 24px auto 10px; padding: 0px;}
	.button {float: left;background-color: #ccc; border: none; color: #FFFFFF; text-align: center; font-size: 140%; padding: 1.5%; width: 31.2%; height: 150px; cursor: pointer; line-height: 0px; margin: 0 1% 25px 1%; transition: all .1s ease;}
		.button .show-more {font-size: 75% !important; opacity: 0; transition: all .3s ease;}
		.button:hover .show-more {opacity: 1; }
		.button:hover {background-color: #343434; line-height: 20px;}

	.team-layer {width: 100%; margin: 0; padding: 45px 0; background: #666; margin: 40px 0 0;}
	.team-layer-blocks {max-width: 948px; margin: 24px auto 10px; padding: 0px 5px; display: table;}
	.team-block {width: 50%; display: table-cell; vertical-align: middle;}
		.team-block img {max-width: 90% !important;}
		.team-block p, .team-block h1, .team-block i {color: #fff}
		.team-block button {color: #666; background: #fff; border: 1px solid #666; font-size: 140%; padding: 3px 10px;}
		.team-block button i {color: #666; vertical-align: -16%;}
		.team-block button a {color: #666;}

	
	

}