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

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

p.header {width:25%; float: left; padding: 2%;}

@media screen and (max-width: 830px){
	p.header {width:50%;}
}

@media screen and (max-width: 600px){
	p.header {width:100%; text-align: center;}
}

header a.phone{
	color: #581a29;
	font-size: 2em;
	text-decoration: none;
}

header p.city {
	margin: 5px 0 4px 0;
	text-align: center;
	font-size: 14px;
	color: #80515b;
	text-transform: uppercase;
	line-height: 1.1;
}

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

.number-wrap {
	margin: 1% 1% 1% 1%;
	float: right;
}

.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: #591c2a;
	font-size: 1.7em; line-height:1.1;
		margin:1.75% 0 2% 1%;
	border-bottom:1px solid #ddd;

}
h2 {
	font-size: 1.45em;
	color: #0f2f29;

					margin:2% 0 2% 1%;
					line-height:1.2;


}
h3 {
	color: #175444;
	margin: 4% 0 0 1%;
	padding: 0 0 .5% 0;
				font-size:1.4em;	
	border-bottom: 1px solid #bbb;

}


h4 {
	color: #2a1b2b;
	margin: 3% 0 1% 0%;
	padding: 0 0 .5% 0;
				font-size:1.2em;	
	border-bottom: 1px solid #bbb;

}