/* Layout */
/* ------ */

body {
	font-family: 'PT Sans',Arial,Verdana,sans-serif;
}

.logo { 
	padding: 24px 0; 
	height: 120px; 
	width: auto; 
}

footer {
	background: #333;
	color: #666;
	padding: 46px 0;
}
footer a, footer a:hover, footer a:focus {
  color: #999;
  text-decoration: underline;
}


/* Grid */
/* ---- */

.grid {
  margin: 0 -15px;
}
.grid-sizer, .grid-item {
  float: left;
  width: 33.33333%
}
.grid-item img {
    padding: 15px;
}
@media (max-width: 767px) {
  .grid-sizer, .grid-item {
    width: 50%
  }  
}


/* Masthead + Jumbotron */
/* -------------------- */

.masthead {
	background: #f0f0f0;
}
.masthead-btn {
	margin-top: 34px;
	margin-left: 6px;
	float: right;
}

.jumbotron {	
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	background-color: #710000;
	background-image: url('../images/bg-kopvanzuid.jpg');
	background-position-x: right;
	background-position-y: center;
	background-size: cover;
}
.jumbotron h1 {
	margin-top: 0;
}
@media (min-width: 768px) {
  .jumbotron h1, .jumbotron .h1 {
    font-size: 46px;
  }
}
.jumbotron p {
	font-size: 16px;
	margin-bottom: 0;
}
.jumbotron a {
	color: #FFF;
	text-decoration: underline;
}

.well-tweaked h3 {
	margin-top: 0;
}


/* Helpers */
/* ------- */
.margin-bottom {
  margin-bottom: 20px;
}

.loader {
  background-image: url('../images/loader.gif');
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}