#products_area {
	width:100%;
	background:url(../image/products/Background.png);
	background-position:center;
}
#products {
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
#products h1 {
	padding-top:50px;
	font-family:"Titillium Web SemiBold";
	font-size:36px;
	color:#f47c2a;
	text-transform:uppercase;
	text-align:left;
	line-height:40px;
	width:100%;
}
#products .line {
	width:100%;
	height:9px;
	border-radius:9px;
	background-color:#d8d8d8;
	margin:10px 0px 50px;
}
#products .flex {
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#products .flex .column {
	width:33.333%;
	text-align:center;
}
#products .rectangle {
	position:relative;
	width:290px;
	height:350px;
	background-color:#ffffff;
	border:1px solid #f0f0f0;
	border-radius:15px;
	margin:0px auto 50px;
	box-shadow:1px 1px #d0d0d0;
	box-sizing:border-box;
}
#products .rectangle:hover {
	background-color:#f47c2a;
	cursor:pointer;
}
#products .rectangle:hover h2 {
	color:#ffffff;
}
#products .rectangle:hover h3 {
	color:#ffffff;
}
#products .image {
	position:absolute;
	left:0px;
	top:0px;
	width:290px;
	z-index:2;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
#products .separation {
	position:absolute;
	left:-5px;
	top:225px;
	z-index:1;
}
#products h2 {
	position:absolute;
	left:5px;
	top:240px;
	width:calc(100% - 10px);
	padding-top:5px;
	font-family:"Titillium Web SemiBold";
	font-size:30px;
	color:#f47c2a;
	text-transform:uppercase;
	text-align:center;
	line-height:40px;
	width:100%;
}
#products h3 {
	position:absolute;
	left:5px;
	top:285px;
	width:calc(100% - 10px);
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#626262;
	text-align:center;
	line-height:25px;
	width:100%;
}
#products_images {
	margin:40px 0px 60px;
	display:inline-flex;
	width:100%;
}	
#products_images .column {
	width:33.333%;
	text-align:center;
	margin:auto;
}

@media only screen and (max-width: 1024px) {
#products {
	padding:0px 15px;
	box-sizing:border-box;
}
}

@media only screen and (max-width: 834px) {
#products .flex .column {
	width:50%;
}
}

@media only screen and (max-width: 600px) {
#products .flex .column {
	width:100%;
}
}