#gallery_area {
	width:100%;
	background:url(../image/gallery/Background-left.png), url(../image/gallery/Background-right.png);
	background-position:left, right;
	background-repeat:no-repeat, no-repeat;
	padding-bottom:30px;
}
#gallery {
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
#gallery 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%;
}
#gallery .line {
	width:100%;
	height:9px;
	border-radius:9px;
	background-color:#d8d8d8;
	margin:10px 0px 30px;
}
#gallery h2 {
	width:100%;
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#616161;
	text-align:left;
	line-height:30px;
	padding:0px 10px;
	box-sizing:border-box;
}
#gallery .flex {
	margin-top:30px;
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#gallery .flex .column {
	text-align:center;
	padding:5px 5px;
	box-sizing:border-box;
}
#gallery a {
	width:100%;
	display:block;
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#ffffff;
	background-color:#f47c2a;
	border-radius:15px;
	padding:16px 16px 17px;
	box-sizing:border-box;
	text-decoration:none;
}
#gallery a:hover {
	background-color:#a2a2a2;
	color:#ffffff;
}
#back {
	width:100%;
}
#back a {
	width:250px;
	text-transform:uppercase;
	margin:80px auto 10px;
	text-align:center;
}
#references .product {
	margin-top:30px;
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#references .info {
	width:35%;
}
#references .images {
	width:65%;
}
#references .images_flex{
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#references .info h1 {
	padding-top:0px;
	font-family:"Titillium Web Bold";
	font-size:18px;
	color:#616161;
	margin-bottom:10px;
}
#references .info h2 {
	font-family:"Titillium Web Light";
	font-size:16px;
	color:#616161;
	padding:0px;
}
#references .image {
	width:25%;
	padding:0px 5px;
	box-sizing:border-box;
}
#references .image img {
	width:100%;
	border-radius:10px;
}

@media screen and (max-width: 1024px) {
#gallery {
	padding:0px 20px;
	box-sizing:border-box;
}
}

@media screen and (max-width: 834px) {
#references .image {
	width:33.3333%;
	padding: 0px 5px 10px;
}
}

@media screen and (max-width: 768px) {
#references .image {
	width:50%;
}
}

@media screen and (max-width: 414px) {
#references .info {
    width:100%;
}
#references .images {
    margin-top:10px;
	width:100%;
}
}

@media screen and (max-width: 320px) {
#references .image {
	width:100%;
}
}