h1 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 2.5em;
	color:#000;
	background-color:#ece9e0;
	padding:5px 0px 5px 25px;
	margin: 0 0 10px 0;
}
h2 {
	text-transform: uppercase;
	font-size: 1.6em;
	color:#423024;
	padding:5px 0px 10px 25px;
	margin: 0px;
}	
h3 {
	font-size: 1.3em;
	color:#423024;
	padding:0px 0px 3px 25px;
	margin: 0px;
}
h2:hover,h3:hover{color:#888}	
.index_row {  
  display: flex;
  flex-wrap: wrap;
}
.intro_block {
  width: 40%;
}

.map_block {
  width: 60%;
}	
@media screen and (max-width: 700px) {
	.index_row{   
	flex-direction: column;
	}
	.intro_block,.map_block {
	  width: 100%;
	}
	.intro_left{
		display:block;
	}
	.intro_right{
		display:none;
	}	
}
@media screen and (min-width: 700px) {
	.intro_left{
		display:none;
	}
	.intro_right{
		display:block;
	}	
}