@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: HypatiaSansPro-Regular;
	src: url(../fonts/HypatiaSansPro-Regular.otf) format("opentype");
}


header a.phone{
	color: #185faa;
	font-size: 31px;
	text-decoration: none;
	padding:2% 0 0 0;
	line-height:.9;
}

header p.city {
	margin: 2% 0 1% 0;
	text-align: center;
	font-size: 16px;
	color: #e17f26;
	font-family: 'Open Sans' Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	line-height: 1.1;
}

header p.number {
	text-align: center;
	margin: 0 0 0 0;
}

.number-wrap {
	margin: 2% 1% 1% 1%;
	float: right;
	clear: both;
	white-space: nowrap;
	padding:.5% 1% .5% 1%;
	background-color:#fff;
	
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);


}

.column-wrap {
	float:right;
	margin: 1% 0 0 3.5%;
}

.message-wrap {
	float: left;
	clear: left;
	width: 78%;
}




@media screen and (max-width: 900px){

header a.phone{
	font-size: 26px;
	text-decoration: none;
	margin: 1px 0 0 0
}

header p.city {
	margin: 3px 0 4px 0;
	text-align: center;
	font-size: 13px;
}
}


@media screen and (max-width: 760px){

.number-wrap {margin:1px 5% 0 5%; width:90%; float:none; clear:both; position:relative; bottom:2px;}

.message-wrap {}


}


h1 {
	color: #29407c;
	font-size: 28px;
	margin:.75% 0 2% 1%;
	font-weight: lighter;
font-family: 'Arimo', sans-serif;
}
h2 {
	font-size: 22px;
	color: #e17f26;
font-family: 'Arimo', sans-serif;    margin:2.2% 0 2.2% 1%;}


h2 a:link {
	color: #d08504;
	text-decoration:none;
}

h2.clear {clear:both;}
h3.clear {clear:both;}
p.clear {clear:both;}
h2 a:visited {	color: #d08504;
	text-decoration:none;
}

h2 a:hover {	color: #244326; text-decoration:underline;
}




h3 {
	color: #597197;
	margin: 4% 0 0 1%;
	padding: 0;
}

h3 a:link {	color: #2a80b9;
text-decoration:none;}

h3 a:hover {text-decoration:underline;	color: #2a80b9;
}