.product_name {
	background-color: #78b947;
	border-top: 4px solid #fff;
	background-image: url(../_img/huge_white_arc.png);
	background-repeat: no-repeat;
	background-position: 100vw center;
	transition: background-position 0.6s ease-in-out, margin 0.6s ease-in-out;
}
.product_name.active   {
	margin-top: 40px;
}
.product_name h2 {
	font-family: Raleway, sans-serif;
	font-weight: 500;
	font-size: 1.4em;
	transition: font-size 0.6s ease-in-out;
}
.product_name h2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 20px 0;
	background-image: url(../_img/arrow_down_chunky.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.product_name h2 a:hover {
	opacity: 0.85;
	color: #000;
}
.product_name.active h2 {
	font-size: 1.6em;
}
.product_name.active h2 a {
	background-image: none;	
	color: #fff ;
}
.product_name.active h2 a:hover {
	opacity: 1;
}

.product_details {
	background-color: #0777bd;
	background-image: url(../_img/products/products_BG.jpg); 
	background-repeat:no-repeat;
	background-size: cover;
	padding: 45px 0 30px 0;
}
.product_details h3 {
	font-size: 1.2em;
}
.product_details .wrapper .content {
	color: #fff;	
}

.product_close {
	height: 33px;
	background-image: url(../_img/arrow_up_chunky.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	cursor: pointer;
	padding-top: 120px;
}
.product_close:hover {
	opacity: 0.85;
}


@media (max-width: 940px) {

	.product_name.active   {
		margin-top: 1em;
	}
	.product_name h2 {
		font-size: 1.2em;
	}
	.product_name h2 a {
		padding: 10px 0;
		background-size: 40px auto;
	}

	.product_name.active h2 {
		font-size: 1.4em;
	}
	.product_close {
		background-size: 40px auto;
		padding-top: 80px;
	}
	
}

@media (max-width: 400px) {
	.product_name h2 {
		font-size: 1.1em;
	}
	

	.product_name.active h2 {
		font-size: 1.3em;
	}
	
}