/* Stylesheet voor de homepagina van 25 Graden Noord */

body, p, a, h1, h2, h3, h4, h5, h6 {
  font-family: din-2014, sans-serif;
  color: #f3e7d1;
  font-size: 26px;
  font-weight: bold;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

.raster {
 max-width: 1150px;
 width: 100%; 
 margin: 0px auto;
}

.strook {
 width: 25%;
 float: left;
 height: 70vh;
 margin-top: 15vh;
 text-align:center;
 position: relative;
}

.logo {
 background-color: #f3e7d1;
}

.groepsuitje {
 background-color: #e17512;
}

.overnachten {
 background-color: #3e5b4d;
}

.zomerkampen {
 background-color: #0f3f57;
}

.strook-inh {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.strook img {
max-width: 85%;
height: auto;
margin: 0px auto;
}

.duits {
max-width: 40px !important;
}


@media (max-width: 767px) {
  .strook {
    width: 33.3%;
    max-height: 300px;
    margin-top: 15px;
  }
	
	.strook.logo {
	  width: 100% !important;
		float: none !important;
		height: 138px !important;
	}
	
	.logo img {
    max-width: 110px;
  }
	
	
	
	p, a {
    font-size: 15px;
	}
	
	.duits {
		position: absolute;
		top: 0px;
		right: 15px;
	}
}