/*
header {
	margin-bottom: 2em;
}

.popular-additional h4 {
	font-size: 1.125em;
	margin-top: .4em;
}

.row .row.popular-main {
	margin-bottom: 1.5em;
}
*/
/*prevent FOUC*/
/*
.no-js .top-bar {
	display: none;
}
@media screen and (min-width: 40em) {
	.no-js .top-bar {
		display: block;
	}
	
	.no-js .title-bar {
		display: none;
	}
}
*/
.wrap {
	max-width: 1100px;
	margin: 0 auto;
	}

.hero {
	background-color: #bbbbbb;
	padding: .5em;
	border: 1px red dashed;
	}

.main {
	padding: .5em;
	}

.footer {
	padding: .5em;
	background-color: #bbbbbb;
	border: 1px yellow dashed;
	text-align: center;
	}
	
.loading{
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
img {
	opacity: 1;
	transition: opacity 1.2s;
}
img[data-src]{
	opacity: 0;
}