body{
	margin:0px;
	background-image: url("../image/bg.jpg");
	background-size: cover;
	}
html,
body{
	height: 100%;
	width:100%
	overflow: hidden;
	position: relative;
}
.overlay{
	background-color:rgb(0,0,0,0.6);
	width:100%;
	height:100%;
	position:relative;
}
.logo img{
	position:relative;
	width:300px;
	height:auto;
	margin-top:5vh;
	margin-bottom:1vh;
	}
.logo{
	justify-content: center;
	display:flex;
	}
.koptekst{
    position:relative;
	margin-top:25vh;
	margin-bottom:1vh;
	text-align:center;
	width:100%;
	animation: fadeIn linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
	}
.streepje{
	height:5px;
	width:80px;
	background-color:#00a1c6;
	position:relative;
    margin-left:auto;
	margin-right:auto;
}
.bodemtekst{
    position:relative;
	margin-top:20vh;
	margin-bottom:5vh;
	text-align:center;
	width:100%;
	 animation: fadeIn linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
	}
.button{
	position:relative;
	float:left;
	margin:5px;
}
.button a{
	padding:11px 16px;
	background-color:#00a1c6;
	color:white;
	border-radius:2px;
	transition:.2s;
}
.button a:hover{
	padding:15px 20px;
	background-color:black;
	font-size:15px;
}
.facebook{
	position:relative;
	float:left;
	margin:5px;
	}
.facebook a{
	padding:11px 16px;
	font-weight:700;
	color:white;
	background-color:#3b5998;
	text-transform:lowercase;
	border-radius:2px;
	transition:.2s;
}
.facebook a:hover{
	padding:15px 20px;
	background-color:black;
	font-size:15px;
}
.container{
	position:relative;
	text-align:center;
	 display: flex;
  justify-content: center;
}
h2{
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:36px;
	font-weight:bold;
	text-shadow: 0 0 10px #000;
	text-transform:uppercase;
	font-weight:900;
}
p{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:18px;
	color:white;
	text-shadow: 0 0 10px #000;
}
a{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-decoration:none;
}
@media (max-width:767px){
	
	h2{
		font-size:30px;
	}
	p{
		font-size:16px;
	}
	a{
		font-size:12px;
	}
	.logo img{
		width:220px;
	}
}

/*animatie koptekst en bodemtekst*/
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}