.bookingWith {

	margin: 20px;
	margin-top: 30px;
}

.outOf5 {
	
	font-size: 7pt;
	font-weight: normal;
	margin-top: -3px;
	
}


.extraContent {
	
	padding: 30px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 30px;
	margin-bottom: 30px;

	
}

.extraContent:last-child {
   
}

.extraContent ol {
	
	line-height: 30px;	
	
}

.extraContent h4 {
	
	font-weight: bold;
	margin: 20px auto;
	
	
}

.extraContent h3 {
	
	font-family: 'Amatic SC', cursive;
	font-size: 40pt;
	color: #9C875F;
	font-weight: bold;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	
	
}


#map_canvas {

	width: calc(100% - 40px);
	min-height:500px;
	margin: 20px; 
}


/* Media Queries */

/* smart phone portrait */

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

	.extraContent {
	
		padding: 0;
		margin-top: 50px;
		
		
		
	}


	.extraContent h3 {
		
		font-size: 35pt;
		
	}

	
}


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

	#map_canvas {

	width: 100%;
	min-height: 400px;
	height: 300px;
	margin: 0; 
	z-index: 50;

	margin-bottom: 20px;
	
	}
	
}