@charset "UTF-8";
/* CSS Document */

.haar-list-wrapper:before, .haar-list-wrapper:after{
	content:" ";
	display:block;
	clear:both;
}
.haar-list-wrapper{
	position:relative;
	height:auto;
}
.haar-list-wrapper .haar-list-item{
	position:relative;
	margin:10px 0;
}
.haar-list-wrapper .haar-list-item .haar-list-item-wrap{
	position:relative;
	margin:0;
	width:auto;
	height:auto;
}
.haar-list-wrapper .haar-list-item .haar-list-item-wrap img{
	display:block;
	margin:0;
	padding:0;
}
.haar-list-item-overlay{
	position:relative;
	padding:0 20px 20px 20px;
	left:0;
	right:auto;
	max-width:720px;
	width:calc(100% - 40px);
	margin:10px auto;
}

.haar-button {
    margin: 50px 0px !important;
}
.page-node-20 .items-wrapper{
	float:none;
	width:auto;
}
.page-node-20 .field-name-body{
    width: 720px;
    max-width:calc(100% - 40px);
    margin: 0 auto;
	padding:0 20px;
}
.page-node-20 #wrap{
	background:#000000;
	background-size:100%;
	background-position:top;
	background-attachment:fixed;
	color:#a8a8a8;
}
.page-node-20 #post-content h1{
	color:#FFF;
	margin-top:1.5em;
}
.page-node-20 #breadcrumbs{
	max-width:1080px;
	margin:0 auto 10px auto;
	padding:8px 15px 8px 15px;
}
.page-node-20 #breadcrumbs a{
	color:#a8a8a8;
}
.page-node-20 a.button{
	border:2px solid #fff;
}
.page-node-20 .container, .page-node-20 #main, .page-node-20 #post-content{
	max-width:100%;
	position:relative;
	z-index:1;
}
.haar-bottom-image{
	margin-top:60px;
}
.haar-bottom-image img{
	display:block;
}
.page-node-20 .container{
	padding:0;
}
video.background-video{
	position:fixed;
	top:auto;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:auto;
}
.page-node-20 .pre-footer, .page-node-20 .region-footer, .page-node-20  #copyright{
	position:relative;
}
.page-node-20 .region-footer{
	background:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
	padding-top:50px;
	padding-bottom:15px;
}
.page-node-20 .prefooter-wrap:before, .page-node-20 .prefooter-wrap:after{
	content:" ";
	display:block;
	clear:both;
}
.page-node-20 .prefooter-wrap{
	margin-top:0;
	margin-bottom:0;
	padding-top:50px;
	padding-bottom:15px;
	background:#ffffff;
	position:relative;
}
.page-node-20 .pre-footer{
	margin-top:0;
	margin-bottom:0;
}
.page-node-20 #copyright{
	background:#FFFFFF;
	margin-bottom:0;
	padding-bottom:20px;
}
.page-node-20 .region-header, .page-node-20 #header{
	position:relative;
	z-index:1000;
}
@media screen and (max-width:1024px){
	video.background-video{
		display:none;
	}
	.page-node-20 #wrap{
		background:url(smoke-haar.jpg);
	}
}