body {
	
	font-family: 'Helvetica Neue', sans-serif;
	background-color: #eaeaea;

}

.header-and-banner, header a[href], .banner a[href], .related {
	
	background-size: cover;
	background-position: center center;
	color: #fff;

}

header {
	
	position: fixed;
	width: 100%;
	z-index: 1;
	margin: 0;
	border-bottom: 1px solid #aaa;

}

.banner {
	
	padding-top: 5em;

}

header form.flat {
	
	white-space: nowrap;
	padding: 0;

}

header form.flat > * {
	
	display: inline-block;
	float: none;
	width: auto;
	vertical-align: middle;
	margin: 0;

}

h1, h2, h3, h4, button, a.button {
	
	text-transform: uppercase;

}

main .masonry {
	
	margin: 0 -1.5em;
    width: calc(100% + 3em);
    max-width: none;
	    
}

.review > div {
	
	background: #fff;
	padding: 1em;
	
}

.review img {
	
	width: 40px;
	margin-right: .3em;

}

hr {
	
	border-top-color: #666;
	
}

.list {
	
	background: #fff;

}

.list img {
	
	border: 1px solid transparent;
	
}

.list b {
	
	color: #009c7c;
	
}

a.button[href], button {
	
	background: #009c7c;
	font-weight: bold;
	
}

.related.aspect > div {
	
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 0px 1px #000;

}

.rating {
	
	white-space: nowrap;
	color: #878787;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.7em;

}

.rating:before {

	content: '★★★★★';

}

.rating b {
	
	display: block;	
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 67%;
	font-weight: normal;

}

.rating b:before {
	
	content: '★★★★★';

}

main .rating b {
	
	color: #fee134;
		
}

time {
	
	color: #999;

}

time:before {
	
	content: '🕒 ';
	
}

a[href] {
	
	text-decoration: none;
	font-weight: bold;
	
}

a.related[href] {
	
	font-weight: normal;
	width: 100%;
	
}

form.flat input[type=submit] {
	
	margin-top: 0;
	background: transparent;
	
}

form.flat input[type=text] {
	
	background: transparent;
	color: #fff;

}