/* HOME PANELS FUNCTION */

/* HOME PANELS */
	.home_panels {
		clear: both;
		background-image: url(../images/line.png);
		background-repeat: repeat-x;
		background-position: 0 12px;
		text-align: center;
		padding-bottom: 10px;
	}

	.home_panels  H2 {
		width: 200px !important;
		margin: 0 auto !important;
		background-color: rgba(255,255,255,1.00) !important;
		color: rgba(100,100,100,1.00) !important;
		font-weight: 400 !important;
		text-align: center !important;
	}

/* INDIVIDUAL HOME PANEL */
	.home_panel_container {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 20%;
		height: 21%;
		margin: 10px 1%;
	}
	.home_panel {
		width: 100%;
		overflow: hidden;
	}
	.home_panel IMG {
		margin: 0 auto;
	}
	.home_panel H3 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 1vw 0;
		text-align: center;
		font-family: Century Gothic, Tahoma, Geneva, Helvetica, sans-serif;
		font-size: 1.5vw;
		color: rgba(255,255,255,1.00);
		background: -webkit-linear-gradient(rgba(100,100,100,0.70), rgba(100,100,100,0.00)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(rgba(100,100,100,0.70), rgba(100,100,100,0.00)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(rgba(100,100,100,0.70), rgba(100,100,100,0.00)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(rgba(100,100,100,0.70), rgba(100,100,100,0.00)); /* Standard syntax */
	}
	.home_panel P,
	.home_panel P A {
		margin: 0 0 1vw 0;
		color: rgba(100,100,100,1.00);
		font-weight: 400;
		text-align: center !important;
		font-size: 1.1vw !important;
	}
	.home_panel H3 A {
		color: rgba(255,255,255,1.00);
	}

	.home_panel .buttonOne {	
		position: absolute;
		bottom: 0;
		left: 25% !important;
		right: 25% !important;
		width: 50% !important;
	}
	
/* BRAND HOME PANEL */
	.home_panel_brand_container {
		position: relative;
		float: left;
		width: 10%;
		margin: 10px 1%;
	}
	.home_panel_brand {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.home_panel_brand IMG {
		width: auto !important;
		height: auto !important;
		max-height: 8vh;
		max-width: 100%;
	}

@media screen and (max-width: 767px) {
	/* INDIVIDUAL HOME PANEL */
		.home_panel_container {
			width: 80%;
			height: 81%;
			margin: 10px 1%;
		}

		.home_panel {
			border-bottom: 1px solid rgba(180,180,180,1.00);
		}
		
		.home_panel H3 {
			font-size: 25px;		
		}
		.home_panel P A {
			font-size: 18px !important;
		}
		.home_panel .buttonOne {	
			bottom: 5px;
		}
		
	/* BRAND HOME PANEL */
		.home_panel_brand_container {
			width: 30%;
		}
		.home_panel_brand IMG {
			width: 100% !important;
			height: auto !important;
			max-height: auto !important;
			max-width: auto !important;
		}
		
}