body {
	font-family: "Gill Sans","Gill Sans MT","Calibri",sans-serif; 
	background-color: #dde;
}

h1 {
	text-transform: uppercase;
}

.top {
	background: url("../img/top.jpg") center;
	background-size: cover;
}

.logo {
	padding-top: 0.5em;
	width: 100%;
	background-color: rgba(255,255,255,0.34);
}

.opening {
	text-shadow: 1px 1px 0px rgba(255,255,255,0.4), -1px -1px 1px rgba(255,255,255,0.4);
	background-color: rgba(255,255,255,0.34);
}

.opening h1 {
	margin-top: 0;
}

.logo img {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 500px;
}

.container {
	max-width: 800px;
	margin: 0 auto;
}

.opening,
.closing {
	text-align: center;
}

.closing {
	color: #eee;
	background-color: black;
	padding-bottom: 12px;
}

.bubble {
	background-color: #fff;
}

.title {
	margin-left: 1em;
}

.number {
	font-family: sans-serif;
	margin: 0.25em;
	background: #66F;
	color: #eee;
	padding: 0.5em;
	border-radius: 10000px;
	width: 1.15em;
	font-size: 3.2em;
	float: left;
}

.bubble h2 {
	margin-bottom: 0;
}

.rates dt {
	float: left;
	width: 5.5em;
}

.rates {
	display: block;
	margin-top: 0.25em;
	font-size: 1.2em;
}

.details {
	margin-right: 1em;
	margin-bottom: 0;
	padding-bottom: 1em;
}

.express-rates {
	margin-left: 1em;
	padding-bottom: 1em;
}

.express-rates dt {
	display: block;
	width: 240px;
	float: left;
}

.express-rates dd {
	display: block;
}

address {
	font-style: normal;
	font-size: 150%;
	line-height: 1.1;
}

address {
	margin-bottom: 1em;
}

address p {
	margin: 0;
}

address small {
	font-variant: small-caps;
}

.facebook-link {
	display: block;
}

.facebook {
	margin-top: 0.25em;
	max-width: 110px;
}

.map {
	max-width: 450px;
	max-height: 300px;
	box-shadow: 0 0 8px rgba(0,0,0,0.7);
}

@media screen and (min-width: 400px) {
	.bubble {
		padding-left: 10%;
	}
}

@media screen and (min-width: 600px) {
	.top {
		box-shadow: 0 0 4px rgba(0,0,0,0.4);
		margin-bottom: 1em;
	}
	
	.bubble {
		min-height: 300px;
		padding-left: 0;
		width: 49%;
		margin: 0 1% 1% 0;
		float: left;
		box-shadow: 0 0 4px rgba(0,0,0,0.9);
	}

	.double.bubble {
		width: 500px;
		margin: 0 auto;
		float: none;
	}
	
	.details {
		padding-bottom: 0;
		margin-bottom: auto;
	}
}

@media screen and (min-width: 800px) {
	.bubble {
		width: 394px;
		margin: 0 6px 6px 0;
	}
	
	h1 {
		font-size: 3em;
	}
	
	address.first {
		border-right: 2px solid #444;
	}
}