#directions{
	width:100%; max-width:1150px; height:auto; display:block; margin:20px auto;
	text-align:center;
}
#directions .title{
	width:100%; height:auto; display:block; margin:0px 0px 10px 0px;
	text-align:center; font-weight:bold; font-size:18px;
}

#directions .intro, #directions .opening_times{
	width:100%; max-width:500px; height:auto; display:inline-block; vertical-align:top; margin:25px 25px 0 25px; box-sizing:border-box;
    border:0px #000 solid;
    font-size:14px; line-height:24px; text-align:left;
}
#directions .show_route{
	width:100%; height:auto; margin-bottom:0px; box-sizing:border-box;
	font-size:12px; border:0px solid #000; text-align:right;
}

#directions .intro a, #directions .intro a:hover, #directions .intro a:visited{
	font-size:14px; text-decoration:none; color:#1795d8;
}
#directions .intro a:hover{ text-decoration:underline; }


#directions .opening_times_child{
	width:50%; height:100%; display:inline-block; vertical-align:top; box-sizing:border-box;
	border:0px #000 solid;
}
#directions .day{
	width:100px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
}
#directions .hours{
	width:calc(100% - 135px); height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
}


#directions .map_area{
	width:100%; height:auto; display:block; margin:20px 0 0 0; box-sizing:border-box;
    border:0px #000 solid;
}


@media screen and (max-width: 600px) {
	
	#directions .show_route{
		text-align:center;
	}

	#directions .intro, #directions .opening_times, #directions .opening_times_child{
		display:block; width:100%; height:auto;
		margin:20px auto; text-align:center;
	}
}