#information_area {
	width:100%;
	background:url(../image/contact/Background.png);
}
#information {
	width:100%;
	max-width:1200px;
	margin:0px auto;
	padding:20px 0px;
	box-sizing:border-box;
}
#information .info {
	display:none;
	width:100%;
	padding:10px 40px;
	box-sizing:border-box;
}
#information .display {
	display:block;
}
#information .flex {
	width:100%;
	display:inline-flex;
	flex-wrap:wrap;
}
#information .column {
	width:50%;
	text-align:center;
	padding:10px 20px;
	box-sizing:border-box;
}
#information .column .border {
	width:100%;
	height:370px;
	border:1px solid #c8c8c8;
	border-radius:20px;
	box-sizing:border-box;
	background-color:#ffffff;
}
#information .column img.img1 {
	padding:17px;
}
#information .column img.img2 {
	object-fit:cover;
	width:100%;
	height:368px;
	border-radius:20px;
	box-sizing:border-box;
}
#information .column img.img3 {
	object-fit:cover;
	width:100%;
	height:270px;
	border-radius:20px;
	box-sizing:border-box;
}
#information h1 {
	position:relative;
	margin-top:10px;
	width:100%;
	font-family:"Titillium Web Bold";
	font-size:18px;
	font-weight:normal;
	line-height:24px;
	text-align:left;
	color:#dddddd;
	background-color:#383838;
	border-radius:20px;
	padding:10px 10px 10px 50px;
	box-sizing:border-box;
}
#information h1:hover {
	cursor:pointer;
	background-color:#484848;
}
#information h1 .sign {
	position:absolute;
	left:26px;
	top:8px;
	font-family:"Titillium Web Bold";
	font-size:30px;
	font-weight:normal;
}
#information h2 {
	margin-top:10px;
	font-family:"Titillium Web Bold";
	font-size:17px;
	font-weight:normal;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	color:#535353;
}
#information h2 span.orange {
	color:#d5671c;
}
#information h2.size20 {
	font-size:20px;
}
#information h2.left {
	text-align:left;
}
#information h3 {
	font-family:"Titillium Web";
	font-size:17px;
	font-weight:normal;
	line-height:24px;
	text-align:justify;
	color:#535353;
}
#information h3 b {
	font-family:"Titillium Web Semibold";
}
#information h3.orange {
	color:#d5671c;
}
#information h3.italic {
	font-family:"Titillium Web Italic";
}
#information h3 img {
	float:right;
	border:1px solid #c8c8c8;
	border-radius:20px;
	margin-left:30px;
}
#information img.right {
	float:right;
	border:1px solid #c8c8c8;
	border-radius:20px;
	margin-left:30px;
}
#information h4 {
	width:100%;
	padding:0px 20px;
	font-size:15px;
	font-weight:normal;
	line-height:24px;
	text-align:center;
	color:#d5671c;
	box-sizing:border-box;
}
#information h4 i {
	font-family:"Titillium Web Semibold Italic";
}
#information .elvalaszto {
	margin:10px 0px;
	width:100%;
	height:1px;
	background-color:#d4d4d4;
}
#information .jelek img {
	width:37px;
	vertical-align:-7px;
	margin-right:20px;
}
#information .jelek {
	font-family:"Titillium Web";
	font-size:14px;
	font-weight:normal;
	line-height:33px;
}
#information iframe {
	float:right;
    margin-left:30px;
	width:560px;
	height:315px;
}


@media screen and (max-width: 1024px) {
#information {
	padding:20px 15px;
}
#information .column img.img1 {
	width:95%;
	padding-top:33px;
}
#information img.right {
	width:50%;
}
#information iframe {
	width:50%;
	height:290px;
}
}

@media screen and (max-width: 834px) {
#information .column .border {
	height:302px;
}
#information .column img.img1 {
	padding-top:35px;
	width:93%;
}
#information .column img.img2 {
	height:300px;
}
#information h3 img {
	width:50%;
}
}

@media screen and (max-width: 640px) {
#information .column {
	width:100%;
}
#information .info {
	padding:10px 0px;
}
#information .column img.img1 {
	padding-top:8px;
	width:70%;
}
#information iframe {
	margin-left:10px;
	height:230px;
}
}

@media screen and (max-width: 414px) {
#information .column img.img1 {
	padding-top:28px;
	width:94%;
}
#information h3 img {
    width:100%;
	float:none;
	margin-left:0px;
}
#information img.right {
	width:100%;
	float:none;
	margin:-5px 0px 10px 0px;
}
#information iframe {
	width:100%;
	float:none;
	height:310px;
	margin-left:0px;
}
}

@media screen and (max-width: 360px) {
#information .column {
	padding:10px 0px;
}
}