@charset "UTF-8";
@media (min-width: 1090px) {
	body:before, body:after{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -1023px;
		width: 478px;
		background: url('/img/left.png');
		background-repeat: repeat-y;
		content: " ";
	}
	body:after{
		margin-left: 545px;
		background: url('/img/right.png');
		background-repeat: repeat-y;
	}
}
@media (max-width: 1090px) {
	body:after{
		margin-left: 545px;
		background: url('/img/right.png');
		background-repeat: repeat-y;
	}
  img{max-width: 100%}
	.wrap{width: 100%;margin: 0 auto;}
	#head .contact{font-size: 14px;max-width:260px}
	#head .contact-wrap{left: 220px;}
	#head .contact .value a{display: inline-block;padding: 2px 0;}
	#head .contact-wrap > .name{font-size: 2.8em;padding-right: 0;}
	#head .contact .name{min-width: 64px}
	#head .menu{width: 700px}
	#head .menu ul{float:right;}
	.contactForm{width: 80%}
}
@media (max-width: 980px) {
	#head .contact{font-size: 12px;}
	#head .contact-wrap > .name{font-size: 2.3em;padding-right: 0;}
	#head .contact-wrap .separator{background-position: -31px -1px;width: 2px;margin-left:10px;}
}
@media (max-width: 880px) {
	#head .contact .value{padding-left: 10px; vertical-align: middle}
	#head .menu{width: 600px}
	#head .menu a{font-size: 1.3em;padding: 4px 14px 0px;}
}
@media (max-width: 820px) {
	#main .wrap{padding: 20px 30px 80px;text-align:center}
	#head .contact-wrap{left: auto;top: 18px;}
	#head .contact-wrap > .name{text-align: center;width: 100%;display: block;}
	#head .contact .name{text-align: left}
	#head .contact-wrap .separator{
		display: block;
		width: 14.25em;
		height: 2px;
		background: #517C8F;
		margin: 4px 5px 8px 10px;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(234,234,234,0.5);
		-moz-box-shadow: 0px 0px 8px 1px rgba(234,234,234,0.5);
		box-shadow: 0px 0px 8px 1px rgba(234,234,234,0.5);
	}
	#foot .col{display: block; width: 100%; text-align: center;padding: 7px 30px;}
	#head .contact-wrap{padding:5px 10px;text-shadow: 1px 1px 3px rgba(150,210,250,0.8);}
}

@media (max-width: 760px) {
	#head .menu a{font-size: 1.125em;padding: 2px 6px 0px;}
	.contactForm{width: 100%}
}
@media (max-width: 520px) {
	.contactForm .col-1-2{display:block;width:100%}
	body{text-align: justify}
	#head .contact-wrap{
		padding:5px 10px;
		text-shadow: 1px 1px 3px rgba(150,210,250,0.8);
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;text-shadow: 2px 2px 2px rgba(1, 1, 1, 0.8);
	}
	#head .contact-wrap .separator{margin: 5px auto;}
	#head .photo{background: url('/img/mh_15.png');}
	#head .menu{width: 100%;right: auto;left:auto;margin:0;padding:0;}
	#head .menu ul{width:100%;display:block;text-align:center;float:none;margin:0 auto;	}
	#head .menu ul li{display:inline-block;float:none;margin: 0 -1px;}
	#head .menu ul li a{width: 100%;font-size: 1.05em}
}
@media (max-width: 315px) {
	html, body{min-width: 240px;overflow-x:visible}
	.wrap, #head .wrap, #foot .wrap{width:auto;min-width:240px;}
	#head .contact-wrap{font-size: 8px;padding: 0;}
	#head .contact-wrap > .name{font-size: 2.8em;}
	#head .contact{font-size: 11px;max-width:auto;width:auto}
	#head .contact .name {
    text-align: right;
    min-width: auto;
    width: auto;
    display: inline-block;
	}	
	#head .contact .value {
    text-align: left;
    font-size: 1.123em;
    padding-left: 2px;
    width: auto;
    display: inline-block;
	}	
	#head .menu ul{width:100%;display:table;}
	#head .menu ul li{display:table-cell}
	#head .menu ul li a{font-size: 0.95em}
}