*{
	outline: 		none;
	margin: 		0;
	padding: 		0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	overflow: hidden;
	font-family: 'Maven Pro', sans-serif;
}

.navigatie{
	width:100%;
	height: 8rem;
	background-color:white;
	z-index:900;
	position: fixed;
}

.logo{
	margin:0.8rem 0rem 0rem 3rem;
	width:110px;
	height:110px;
	float:left;
}

img{
	margin: auto;
    display: inline-block;
    height:100%;
    vertical-align:middle;
    border:0;
    object-fit:contain;
    
}

.desktop{
	margin:1.5rem 0rem 0rem 3rem;
	height:4.785rem;
	float:left;
}

.desktop a{
	font-family: 'Maven Pro', sans-serif;
	text-decoration:none;
	color:#0da49f;
	font-size:15px;
	line-height: 1.8;
}

.dropdown a{
	font-family: 'Maven Pro', sans-serif;
	text-decoration:none;
	color:#0da49f;
	font-size:15px;
	line-height: 1.8;
}

.wrapper-dropdown-5{
	font-family: 'Maven Pro', sans-serif;
	text-decoration:none;
	color:#0da49f;
	font-size:15px;
	line-height: 1.8;
}

.een{
	width:200px;
	float:left;
	margin-left:100px;
}

.twee{
	width:200px;
	float:left;
}

.container{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
	top: 0;
	left: 0;
}

.links{
	width:50%;
	height:100%;
	float:left;
	background-size:cover;
	background-position:center center;
}

.linkshome{
	width:50%;
	height:100%;
	float:left;
	background-size:cover;
	background-position:center center;
	background-image:url(/images/portrait_1.jpg);
}

.voorwie{
	background-image:url(/images/work_1.jpg);
}

.methode{
	background-image:url(/images/move_3.jpg);
}

.diensten{
	background-image:url(/images/move_7.jpg);
}

.overzipping{
	background-image:url(/images/portrait_2.jpg);
}

.contact{
	background-image:url(/images/home_3.jpg);
}

.quote{
	width:50%;
	position: absolute;
    z-index: 1;
	padding:250px 80px;
}

#soorten{
	height:30%;
	width:50%;
	background-color:white;
	bottom:0;
	position:fixed;
}

#half{
	height:30%;
	width:25%;
	background-color:white;
	bottom:0;
	position:fixed;
	margin-left:25%;
	display: block;
	padding:20px;
}

.halfknop{
	height:20%;
}

.halfknop a{
	text-decoration:none;
	text-align: center;
	color:#008c8c;
}

#contact-form{
	height:30%;
	width:100%;
	background-color:white;
	bottom:0;
	position:fixed;
}

form#contact fieldset {
	padding: 10px 20px 20px 20px;
	border: 0;
	width: 20%;
	text-align: left;
	float:left;
}

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 260px; 
	font-size: 12px; 
	border: 1px solid #1ca1a1;
}

form#contact textarea {
	width: 275px; 
	height: 150px;
}

form#contact label {
	display: block;
	font-size: 13px;
	color: #008c8c;
	margin-top: 10px;
	font-weight: bold;
}

form#contact label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form#contact .placeholder {
	color: #79bfbf;
}

form#contact .button {
	display: inline-block;
	margin: 15px 0 0 90px;
	padding: 5px 15px 5px 15px;
	background-color: #1ca1a1;
	border: none;
	color: #fff;
}

form#contact .button:hover {
	background-color: #ff8700;
	cursor: pointer;
}

form#contact .button:active {
	margin-top: 16px;
	background-color:#1ca1a1;
	cursor: pointer;
}


#soorten img{
	width:100%;
	height:100%;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.kleinvisie,
.kleinrealisatie,
.kleinbeheer,
.kleinshots{
	width:25%;
	float:left;
	overflow:hidden;
	height:100%;
}

.kleinvisie img:hover,
.kleinrealisatie img:hover,
.kleinbeheer img:hover,
.kleinshots img:hover{
	-webkit-filter: blur(2px);
}

h1{
	color:white;
	line-height:1.1;
}

.rechts{
	width:50%;
	height:100%;
	float:left;
	background-size:cover;
	background-position:center center;
	background-color: rgba(255, 135, 0, 0.74);
    overflow-y: scroll;
    overflow-x: hidden;
}

#slides, 
#slides2{
	width:50%;
	height:100%;
	float:left;
	overflow:hidden;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	text-align:center;
}

.slidesjs-container, .slidesjs-control {
	width: 100% !important;
	height: 100% !important;
}
.slidesjs-control div.image{
	min-height:100% !important;
	min-width:100% !important;
}

.image {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover; /* or use "contain" */
}


.bericht{
	padding:200px 100px 50px 100px;
}

h2{
	text-align:center;
	font-size:22px;
	color:white;
}

h3{
	font-size:18px;
	color:white;
}

h4{
	font-size:16px;
	color:#008c8c;
}

p{
	font-size:14px;
	line-height:1.5;
	color:white;
	font-weight:100;
}

p a{
	color:#008c8c;
	text-decoration:none;
}

@media screen and (min-width: 768px) {
	.mobile{
		display:none;
	}

}

@media screen and (max-width: 768px) {
	
	.mobile{
    display: block;
    }
    
	.desktop{
    display: none;
    }
    
   
   .navigatie{
	   height:16%;
   }
   
   .logo{
	   margin:0rem 0rem 0rem 3rem;
	   width:80px;
	   height:80px;
   }
   
   .container{
	   top:16%;
   }
   
   	#soorten{
		width:100%;
		height:20%;
   		position:absolute;
   		bottom:auto;
	}
   
   #half{
	   width:100%;
	   position:absolute;
	   bottom:auto;
	   margin-left:0;
	   padding:30px;
	   height:30%;
   }
   
   #contact-form{
   		height:auto;
   		position:absolute;
   		bottom:auto;
	}
   
	.voorwie,
	.methode,
	.diensten,
	.overzipping,
	.contact{
		display: none;
	}
		
	.linkshome{
		height:42.5%;
		width:100%;
		float:none;
	}
		
		
	#slides,
	#slides2{
		width:100%;
		height:42.5%;
		float:none;
		bottom:auto;
	}	
		
	.quote{
		margin:0;
		padding:50px 30px;
		width:auto;
	}
	
	h1{
		font-size:20px;
		margin-top:40%;
	}
	
	.rechts{
		width:100%;
		height:auto;
		float:none;
	}
	
	.bericht{
	padding:30px 30px 30px 30px;
	}
	

		
}