@media screen and (max-width: 1500px){
	.container-fluid{
		width: 90%;
	}

	/* == HOMEPAGE == */
	.content-afbeelding{
		margin-top: 35px;
	}
	.blog-overzicht .container-fluid{
		width: 100%;
	}

	/* == CONTACTPAGE == */
	.formulier .container-fluid {
  		width: 65%;
	}

	/* == CONTENT PAGE == */
	.contentpage figure img {
		width: 95%;
		margin-top: 0px;
	}
}


@media screen and (max-width: 1366px){
	/* == HOMEPAGE == */
	.content-afbeelding{
		margin-top: 82px;
	}

	/* == CONTACTPAGE == */
	.formulier .container-fluid {
  		width: 70%;
	}
}

@media screen and (max-width: 1280px){
	

	/* == SIDEBAR == */
	.top-sidebar a {
		padding: 10px 10px;
	}
	aside .container-fluid {
		width: 100%;
	}

	/* == BLOG OVERZICHT == */
	.blog-overzicht .col-xl-4 {
		width: 50%;
	}

}

@media screen and (max-width: 1024px) {

	.page .container-fluid{
		width: 95%;
	}

	/* == HOMEPAGE == */
	.content-afbeelding{
		margin-top: 0px;
	}
	.content-afbeelding img{
		top: 0;
		position: relative;
		height: 100%;
		object-fit: cover;

	}
	.blogs .container-fluid {
  		width: 90%;
	}

	/* == SIDEBAR == */
	.top-sidebar a {
  		padding: 7px 7px;
	}
	.blog-rij .uppercase {
		margin-top: 15px;
	}
	.contentpage figure img {
		margin-top: 0px;
		width: 95%;
	}
	.page aside  {
		border: none;
		margin-top: 30px;
	}


}

@media screen and (max-width: 800px) and (orientation: landscape) and (min-aspect-ratio: 13/9) {
	/* == HOMEPAGE == */
	.snelkoppeling-tekst{
		width: 100%;
	}

}
@media screen and (max-width:  810px){
	.snelkoppelingen i:last-child{
		margin-top: 30px;
	}
	/* == MENU == */
	.menu-balk-mobile {
		display: inline-block;
	}
	.menu-balk-n {
		display: none;
	}
	.mobile-menu {
		display: none;
	}
	.mobile-menu-show {
		display: inline-block;
	}
	.navbar {
    	opacity: 0.95;
  	}

  	.navbar-container input[type="checkbox"],
  	.navbar-container .hamburger-lines {
    	display: block;
  	}

  	.navbar-container {
    	display: block;
    	position: relative;
    	height: 64px;
  	}

  	.navbar-container input[type="checkbox"] {
    	position: absolute;
    	display: block;
    	height: 66px;
		width: 66px;
		top: -3px;
		right: 7px;
    	z-index: 5;
    	opacity: 0;
  	}

  	.navbar-container .hamburger-lines {
    	display: block;
    	height: 23px;
    	width: 35px;
    	position: absolute;
    	top: 17px;
    	right: 20px;
    	z-index: 2;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
  	}

  	.navbar-container .hamburger-lines .line {
  	  	display: block;
    	height: 4px;
    	width: 100%;
    	border-radius: 10px;
    	background: #FFFFFF;
  	}

  	.navbar-container .hamburger-lines .line1 {
    	transform-origin: 0% 0%;
    	transition: transform 0.4s ease-in-out;
  	}

  	.navbar-container .hamburger-lines .line2 {
    	transition: transform 0.2s ease-in-out;
  	}

  	.navbar-container .hamburger-lines .line3 {
    	transform-origin: 0% 100%;
    	transition: transform 0.4s ease-in-out;
  	}

  	.navbar .menu-items {
    	background: #fff;
    	height: 100vh;
    	max-width: 300px;
    	transform: translate(-150%);
    	display: flex;
    	flex-direction: column;
    	margin-left: -53px;
    	transition: transform 0.5s ease-in-out;
    	padding: 100px 30px 30px 30px;
  	}

  	.navbar .menu-items li {
    	margin-bottom: 1.5rem;
    	font-size: 1.3rem;
    	font-weight: 500;
  	}

  	.logo {
    	position: absolute;
		left: 0;
		top: 0;
		height: 60px;
		width: 100px;
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .menu-items {
    	transform: translateX(0);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    	transform: rotate(35deg);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    	transform: scaleY(0);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    	transform: rotate(-35deg);
  	}

	.menu-balk-placeholder{
		height: 56px;
	}
}
@media screen and (max-width: 800px){
	/* == HOMEPAGE == */
	.snelkoppeling-tekst{
		width: 100%;
	}



}

/** MOBILE SMALL **/

@media screen and (max-width: 450px){
	
/* == MENU == */
	.menu-balk-mobile {
		display: inline-block;
	}
	.menu-balk-n {
		display: none;
	}
	.mobile-menu {
		display: none;
	}
	.mobile-menu-show {
		display: inline-block;
	}
	.navbar {
    	opacity: 0.95;
  	}

  	.navbar-container input[type="checkbox"],
  	.navbar-container .hamburger-lines {
    	display: block;
  	}

  	.navbar-container {
    	display: block;
    	position: relative;
    	height: 64px;
  	}

  	.navbar-container input[type="checkbox"] {
    	position: absolute;
    	display: block;
    	height: 66px;
		width: 66px;
		top: -3px;
		right: 7px;
    	z-index: 5;
    	opacity: 0;
  	}

  	.navbar-container .hamburger-lines {
    	display: block;
    	height: 23px;
    	width: 35px;
    	position: absolute;
    	top: 17px;
    	right: 20px;
    	z-index: 2;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
  	}

  	.navbar-container .hamburger-lines .line {
  	  	display: block;
    	height: 4px;
    	width: 100%;
    	border-radius: 10px;
    	background: #FFFFFF;
  	}

  	.navbar-container .hamburger-lines .line1 {
    	transform-origin: 0% 0%;
    	transition: transform 0.4s ease-in-out;
  	}

  	.navbar-container .hamburger-lines .line2 {
    	transition: transform 0.2s ease-in-out;
  	}

  	.navbar-container .hamburger-lines .line3 {
    	transform-origin: 0% 100%;
    	transition: transform 0.4s ease-in-out;
  	}

  	.navbar .menu-items {
    	background: #fff;
    	height: 100vh;
    	max-width: 300px;
    	transform: translate(-150%);
    	display: flex;
    	flex-direction: column;
    	margin-left: -40px;
    	transition: transform 0.5s ease-in-out;
    	padding: 100px 30px 30px 30px;
  	}

  	.navbar .menu-items li {
    	margin-bottom: 1.5rem;
    	font-size: 1.3rem;
    	font-weight: 500;
  	}

  	.logo {
    	position: absolute;
		left: 0;
		top: 0;
		height: 60px;
		width: 100px;
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .menu-items {
    	transform: translateX(0);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    	transform: rotate(35deg);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    	transform: scaleY(0);
  	}

  	.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    	transform: rotate(-35deg);
  	}

	.menu-balk-placeholder{
		height: 56px;
	}

	/* == HOMEPAGE HEADER ==  */
	.header-links {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.header figure {
		height: 50vh;
	}
	.header figure img {
		height: 100%;
	}

	/* == HOMEPAGE SNELKOPPELINGEN ==  */
	.snelkoppelingen {
		margin-top: 0px;
	}
	.snelkoppelingen i {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	/* == HOMEPAGE CONTENT ==  */
	.content-afbeelding {
		margin-top: 50px;
		padding-bottom: 30px;
	}

	/* == HOMEPAGE BLOGS ==  */
	.blogs {
		margin-top: 50px;
	}

	/* == BLOGS OVERZICHT ==  */
	.blog-overzicht .col-xl-4 {
		width: 100%;
	}

	/* == PARTNERS == */
	.partner-rechts-col {
  		float: left;
	}
	/* == CONTENT == */
	.contentpage figure img {
		margin-bottom: 20px;
	}

	/* == FOOTER == */
	footer h3 {
		margin-top: 10px;
	}
	.meest-recente-blogs {
		margin-top: 30px;
	}

	/* == SIDEBAR == */
	.top-sidebar h3 {
		font-size: 22px;
	}
	.formulier aside .container-fluid {
		width: 100%;
	}
	.formulier .container-fluid {
		width: 100%;
	}
	.page .container-fluid {
		width: 100%;
	}
	
	.formulier-container {
		padding: 0;
		border: none;
	}

}

@media screen and (max-width: 375px){
	.page .container-fluid {
		width: 100%;
	}

	.header .valign{
		width: 90%;
		margin: 0 auto;
	}
}