#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 30px;
	box-sizing:border-box;
}
#gallery .flex {
	margin-top:30px;
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#gallery .flex .column {
	width:20%;
	text-align:center;
	padding:15px 15px;
	box-sizing:border-box;
}
#gallery a {
	width:100%;
	display:block;
	font-family:"Titillium Web SemiBold";
	font-size:20px;
	color:#f47c2a;
	border-radius:15px;
	border:1px solid #f47c2a;
	text-transform:uppercase;
	padding:11px 10px;
	box-sizing:border-box;
	text-decoration:none;
}
#gallery a:hover {
	background-color:#f47c2a;
	color:#ffffff;
}

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

@media screen and (max-width: 834px) {
#gallery .flex .column {
	width:33.3333%;
}
}

@media screen and (max-width: 640px) {
#gallery .flex .column {
	width:50%;
}
#gallery h2 {
	padding:0px 10px;
}
}

@media screen and (max-width: 414px) {
#gallery .flex .column {
	padding: 10px 10px;
}
#gallery a {
	font-size:18px;
}
}

@media screen and (max-width: 414px) {
#gallery .flex .column {
	width:100%;
}
#gallery a {
	font-size:20px;
}
}