body {
	margin:0 3rem 3rem;
	background:#fff;
	border-radius:10px;
	font-family: 'Arima Madurai', cursive;
	font-size:20px;
}
@media (max-width: 550px) {
	body {
		margin:0;
		font-size:18px;
	}
	.container {
		padding:0;
	}
}
h1, h2, h3, h4, h5, h6, .button {	
	font-family: 'Poppins', sans-serif;
}
h2:after {
	content:' ';
	margin:2rem auto;
    display:block;
	width:8%;
	height:3px;
	background:#7fcbae;
}
a, a i {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.top {
	position:relative;
	background:url(images/intro-image.jpg) center top no-repeat;
	background-size:cover;
	min-height:750px;
	margin-top:0rem;
}
.top-page {
	position:relative;
	background:url(images/header.jpg) no-repeat fixed center top #ccc;
	background-size:auto;
	min-height:320px;
	margin-top:0rem;
}

@media (max-width: 400px) {
	.top-page {
		background-size:cover;
	}
}
.menu-wrapper {
 	width: calc(100% - 6rem);
	position:fixed;
	z-index:100;
	padding:5rem 0 3rem;
}
.menu {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
	font-family: 'Poppins', sans-serif;
}
.menu ul {
	margin:0;
	padding:0;
	list-style:none;
    position:relative;
    left:50%;
}
.menu ul li {
	float:left;
	position:relative;
	line-height:1;
}
.menu ul li a {
	background:#ad3f40;
	color:#fff;
	display:inline-block;
	padding:1.5rem 2rem;
	border-radius:5px;
	margin-right:1rem;
	font-size:16px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-transform:uppercase;
	text-decoration:none;
	box-shadow:0px 4px 0px rgba(0,0,0,0.12);
	border-top:1px solid #ba494a;
	border-bottom:4px solid #943738;
}
.menu ul li a:hover {
	background:#7fcbae;
	border-top:1px solid #9ae4c8;
	border-bottom:4px solid #6db499;
}
.intro-image {
	position:relative;
	text-align:center;
	border-top:3rem solid #fff;
}
@media (max-width: 400px) {
	.intro-image {
		border-top:none;
	}
}
.logo {
	position:absolute;
	z-index:1;
	width:100%;
	text-align:center;
	padding:14rem 0;
}
.logo img {	
  	animation: loop 1s linear alternate infinite;
  	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	width:100%;
	max-width:542px;
}
@keyframes loop {
  0% {
    width:520px;
	height:auto;
	margin-top:10px;
  }
  100% {
    width:542px;
	height:auto;
	margin-top:0px;
  }
}
@media (max-width: 640px) {
	.logo img {
		animation:none;
		width:90%;
		text-align:center;
	}
}
.brown {
	background:url(images/bg-brown.png) no-repeat fixed #ad3f40;
	background-size:cover;
	color:#fff;
	padding:10rem 0;
	clip-path: polygon(0 0, 100% 7%, 100% 90%, 0 100%);
	margin-top:-6rem;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.brown-impressie {
	background:url(images/bg-brown.png) no-repeat fixed #ad3f40;
	background-size:cover;
	color:#fff;
	padding:10rem 0;
	clip-path: polygon(0 0, 100% 4%, 100% 96%, 0 100%);
	margin-top:-7rem;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.brown a {
	color:#fff;
}
.brown-padding {
	padding-top:14rem;
}
.brown img {
	border-radius:50%;
	border:3px dashed #fff;
	box-shadow:3px 3px 20px rgba(0,0,0,0.3);
	float:left;
}
.brown img:first-child {
	max-width:350px;
	margin-top:2rem;
}
.brown img:nth-child(2) {
	max-width:280px;
	z-index:10;
	margin-left:-4rem;
	margin-top:-4rem;
}
.brown .button {
	background:#7fcbae;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-transform:uppercase;
	text-decoration:none;
	box-shadow:0px 4px 0px rgba(0,0,0,0.12);
	border-top:1px solid #9ae4c8;
	border-bottom:4px solid #6db499;
	margin-right:1rem;
}
.brown .button:hover {
	background:#8fdabd;
}
.koe .button {
	background:#ad3f40;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-transform:uppercase;
	text-decoration:none;
	box-shadow:0px 4px 0px rgba(0,0,0,0.12);
	border-top:1px solid #ba494a;
	border-bottom:4px solid #943738;
}
.koe .button:hover {
	background:#b94d4e;
}
.center {
	text-align:center;
}
.koe {
	background:#eee;
	color:#555;
	text-align:center;
	padding-top:12rem;
    padding-bottom: 8rem;
	margin-top:-6rem;
}
.koe-page {
	padding-top:14rem;
	margin-top:-10rem;
	padding-bottom:7rem;
}
.activiteit-white {
	background:#eee;
	color:#555;
	text-align:center;
	padding-top:12rem;
	padding-bottom:8rem;
	margin-top:-6rem;
}
.activiteit-white-img {
	text-align:right;
}
@media (max-width: 550px) {
	.activiteit-white {
		padding-top:0;
	}
	.activiteit-white-img {
		margin-bottom:3rem;
	}
	.page-home-intro {
		padding-left:1rem;
		padding-right:1rem;
	}
}
.activiteit-white-img img {
	border-radius:50%;
	border:3px dashed #fff;
	box-shadow:3px 3px 20px rgba(0,0,0,0.3);
	position:relative;
	z-index:10;
	max-width:460px;
	background:#ccc;
	margin-top:-4rem;
}
.grote-koe {
	position:relative;
	left:-10rem;
	top:-10rem;
	margin-bottom:-15rem;
}
.sixty {
	width:70%;
}
.opvang {
	width:70%;
	text-align:left;
	font-size:18px;
	line-height:1.8;
}
	.opvang ul li span {
		display:none;
	}
@media (max-width: 550px) {
	.opvang, .sixty {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		padding-bottom:5rem;
	}
	.sixty {
		padding-bottom:10rem;
	}
	.grote-koe {
		display:none;
	}
	.home-fotos {
		overflow:hidden;
	}
	.page-fotos, .activiteiten-foto {
		overflow:hidden;
	}
	.page-fotos {
		padding-bottom:4rem;
	}
	.button {
		font-size:14px;
	}
	.opvang ul li span {
		display:inline;
	}
}
.opvang h2, .koe h2 {
	color:#3a3e3e;
}
.opvang strong, .koe strong {
	color:#3a3e3e;
}
.opvang h2:after, .page-tekst h2:after, .contact-sidebar h2:after {
	content:' ';
	margin:2rem 0;
    display:block;
	width:8%;
	height:3px;
	background:#7fcbae;
}
.opvang ul {
	margin:none;
	padding:none;
	list-style:none;
}
.opvang ul li {
	margin:0;
	padding:0;
}
.opvang ul li:before {
	content:"\f058";
	margin-right:1rem;
	font-family:"FontAwesome";
	color:#ad3f40;
}
.contact-sidebar strong {
	font-family: 'Poppins', sans-serif;
	font-size:13px;
	text-transform:uppercase;
	margin-right:1rem;
	margin-top:5px;
	color:#7fcbae;
	display:block;
}
@media (max-width: 550px) {
	.contact-sidebar {
		margin-bottom:3rem;
		padding-left:1rem;
		padding-right:1rem;
	}
	.page-tekst {
		padding-left:1rem;
		padding-right:1rem;
	}
}
.button i {
	margin-left:1rem;
	color:#4d816f;
	text-shadow:none;
}
.koe .button i {
	color:#943738;
}
.footer {
	background:url(images/bg-footer.jpg) no-repeat right bottom fixed #7fcbae;
	color:#4d816f;
	padding:10rem 0 3.5rem;
	clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);
	position:relative;
	margin-top:-5rem;
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	line-height:1.8;
}
.footer a {
	color:#4d816f;
	text-decoration:none;
}
.footer ul li a:before {
	content:"\f18e";
	margin-right:1rem;
	font-family:"FontAwesome";
}
.footer a:hover {
	color:#fff;
}
@media (max-width: 550px) {
	.footer {
		color:#fff;
		background-size:auto 100%;
		padding-top:5rem;
	}
	.footer .three {
		margin-top:3rem;
	}
	.footer a {
		color:#fff;
	}
	.social a {
		color:#4d816f;
	}
	.footer .container {
		padding-left:1rem;
		padding-right:1rem;
	}
}
.footer h3 {
	color:#fff;
	font-family: 'Arima Madurai', cursive;
	font-weight:bold;
}
.footer img {
	max-width:250px;
	width:100%;
	height:auto;
	margin-bottom:2rem;
}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.8;
}
.footer ul li {
	margin:0;
	padding:0;
	font-size:15px;
}
.copyright {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:4px;
}
.copyright a {
	text-decoration:none;
	color:#4d816f;
}
.social {
	text-align:right;
}

@media (max-width: 550px) {
	.social {
		text-align:left;
		margin-top:3rem;
	}
	.copyright a {
		color:#fff;
	}
}
.social a {
	background:#fff;
	width:70px;
	padding:23px 0;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	margin-right:1rem;
	font-size:20px;
}
.social a:hover {
	background:#ad3f40;
}
.footer hr {
	border-top:1px solid rgba(0,0,0,0.1);
}
.header {
	padding-top:8rem;
	margin:0 auto;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.header span {
	float:left;
	position:absolute;
	z-index:2;
}
.header span img {
	max-width:400px;
	margin-right:3rem;
	width:100%;
}
@media (max-width: 400px) {
	.header span {
		position:relative;
		width:100%;
		text-align:center;
	}
	.header span img {
		width:95%;
		margin-right:0;
	}
}
.header h1 {
	float:right;
	text-align:right;
	line-height:2.5;
	color:#fff;
	font-size:100px;
	font-family: 'Arima Madurai', cursive;
	font-weight:800;
}
@media (max-width: 400px) {
	.header h1 {
		float:none;
		font-size:40px;
		text-align:center;
		padding-bottom:4rem;
	}
}
.blackBackground {
  	background: -webkit-linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0)); 
	background: -o-linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0)); 
	background: -moz-linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0)); 
	background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0)); 
}
.bordertop {
	border-top:3rem solid #fff;
}
@media (max-width: 400px) {
	.bordertop {
		border-top:none;
	}
}
.facebook {
	padding:20rem 0 25rem;
	margin-top:-7rem;
	text-align:center;
	background:url(images/facebook.jpg) fixed no-repeat center;
	background-size:cover;
}
.facebook .button {
	background:rgba(0,0,0,0.3);
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-transform:uppercase;
	text-decoration:none;
	box-shadow:0px 4px 0px rgba(0,0,0,0.12);
	border:1px solid #fff;
	font-size:22px;
	padding:3rem 5rem;
	line-height:1;
	height:auto;
}
.facebook .button i {
	color:#fff;
	margin-right:2rem;
	font-size:26px;
}
.facebook .button:hover {
	background:rgba(255,255,255,0.8);
	color:#333;
	text-shadow:none;
}
.facebook .button:hover i {
	color:#333;
}
@media (max-width: 550px) {
	.facebook {
		padding:10rem 0 12rem;
	}
	.facebook .button {
		font-size:14px;
		padding:1.5rem 2.5rem;
	}
	.facebook .button i {
		font-size:16px;
		margin-right:1rem;
	}
}
.impressie-first {
	text-align:center;
	margin-bottom:5rem;
}
.impressie img, .impressie #gallery-1 img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height:auto;
	border-radius:50%;
	border:3px dashed #fff;
	box-shadow:3px 3px 20px rgba(0,0,0,0.3);
	float:left;
	width:92%;
}
@media (max-width: 550px) {
	.impressie .gallery-item, .portrait {
		width:100% !important;
		text-align:center !important;
	}
	.impressie img, .impressie #gallery-1 img {
		width:80%;
		margin-left:9%;
	}
}
.impressie img:hover {
	transform: scale(1.1, 1.1) rotate(7deg);
	-ms-transform: scale(1.1, 1.1) rotate(7deg);
	-webkit-transform: scale(1.1, 1.1) rotate(7deg);
}
.impressie img:nth-child(3n+1){
   	margin-top:-1rem;
}
.impressie img:nth-child(4n+1){
    clear:left;
}
.hidden {
     opacity:0;
}

.visible {
     opacity:1;
}
.activiteiten-first p:nth-child(n+4) {
	display:none;
}
.activiteiten-second p:nth-child(-n+3) {
	display:none;
}
.activiteiten-second h2 {
	display:none;
}
.activiteiten-second h2:after {
	display:none;
}
.brown-impressie .container {
	padding-top:3rem;
	padding-bottom:5rem;
}
.brown-impressie.brown-padding {
    clip-path: polygon(0 0, 100% 1%, 100% 99%, 0 100%);
}