@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
	padding: 0px;
	margin: 0px;
}

body, tabel, tr, td, a, p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
}

.top_blauw {
	background-color: #396b91;
	padding: 15px;
}
.menu_items {
	color: #FFFFFF;
	text-decoration: none;
}
.header {
	background-image: url(../assets/header.jpg);
	background-size: cover;
	height: 400px;
}
@media screen and (max-width: 600px) {
.header {
	background-image: url(../assets/header.jpg);
	width: 100%;
	height: 200px;
}	
}


.titel {
	color: #396b91;
	font-size: 26px;
	font-weight: 500;
}

.titel_wit {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 500;
}


.content_home {
	padding: 40px;
}

.content_projecten {
	background-color: #CFCFCE;
	padding: 40px;
}


.projectenblok {
	float: left;
	width: 25%;

	padding-right: 50px;
}

.projectblok {
	float: left;
	width: 25%;
}

@media screen and (max-width: 600px) {
	
.content_home {
	padding: 10px;
}
.content_projecten {
	background-color: #CFCFCE;
	padding: 10px;
}
.projectblok {
	float: left;
	width: 100%;
}
	
	.projectenblok {
	float: left;
	width: 100%;
		background-color: #FFFFFF;
}
	
	
}

/* slider */
  

    * {
      box-sizing: border-box;
    }
html,* { font-family: 'Inter'; }
.lead { font-size: 1.5rem; font-weight: 100; }
.container { margin: 00px auto; max-width: 960px; }

    .slider {
        width: 100%;
        margin: 00px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }