.affix {
	background: url("../img/header-banner.png") #42070C no-repeat bottom;
}

.page-scroll {
	color: white;
}

a:focus, a:hover {
    text-decoration: none;
    background: none !important;
    color: #eed989;
}

.active a, .gold {
	color: #eed989;
}

.header-banner {
	background: url("../img/header-banner.png") #411211 no-repeat center;
	height: 500px;
}

.portfolio {
    padding: 50px 0 25px;
}

.portfolio-item {
    margin-bottom: 30px;
}

.portfolio-item img {
	min-width: 100%;
}

.informatie {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 100px;
}

.informatie p {
	margin-bottom: 30px;
}

/* Map */

.map {
    height: 500px;
    margin-bottom: 25px; 
}

footer {
    padding: 40px 0 100px;
}

.footer-logo {
	display: inline-block;
}

.info {
    height: 500px;
    padding-top: 50px;
    font-size: 18px;
    font-weight: 200;
}

@media(max-width:768px) {
	.header-banner {
		background-size: 1000px;
		height: 313px;
		margin-top: 50px;
	}
    .map {
        height: 75%;
    }
    .info {
	    height: 325px;
		padding-top: 0;
    }  
	.navbar-header {
		background-color: #42070C;
	}
	.informatie {
		margin-top: 50px;
		font-size: 16px;	
		line-height: 25px;
	}
	.portfolio {
		padding-top: 0;
	}
	.navbar {
		background: #42070C;
	}
	.affix {
		background: #42070C;
	}
}
@media(max-width:650px) {
	.header-banner {
		background-size: 800px;
		height: 250px;
	}
}
@media(max-width:550px) {
	.header-banner {
		background-size: 550px;
		height: 170px;
	}
}
.navbar-toggle {
	background-color: #eed989;
}
.icon-bar {
	background-color: #42070C;	
}