@media only screen and (max-width: 599px) {
	/* BASIS */
	#main .wrapper, #footer .wrapper {padding:0 20px;}
	
	/* CLASSES */
	.desktoponly, .section.desktoponly {display:none;}
	
	/* TOP */
	#top {z-index:99999999;position:relative;}
	#top .col.right {text-align:left;}
	#mobile-nav {float:right;position:relative;z-index:99999;}
	
	/* NAVIGATION */
	#nav-container {-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	background-color:var(--wit);
	position:fixed;top:-100%;left:0;width:100vw;height:100vh;overflow-x:auto;}
	#nav-container.show {top:0;}
	
	ul.nav {margin-top:15vh;float:none;}
	ul.nav li {text-shadow:none;color:var(--zwart);display:block;margin-left:0;font-size:26px;line-height:32px;margin-bottom:15px;}
	ul.nav li ul.subnav {position:relative;padding-top:10px;}
	ul.nav li ul.subnav li {background:none;font-size:20px;}
	
	ul.nav li:has(> ul.subnav)::after {display:none;}
	
	/* HEADER */
	#header_image h1 {width:90%;font-size:32px;left:20px;top:50%;}
	
	/* PAROCHIES */
	.parochie {margin-bottom:0;}
	
	/* SACRAMENTEN */
	ul.sacramenten {column-count:2;}
	ul.sacramenten li {margin-left:0;width:100%;}
	ul.sacramenten li a {font-size:14px;padding:22px;padding-left:60px;}
	ul.sacramenten li a::after {margin-left:16px;font-size:16px;}
	
	ul.sacramenten li i {font-size:28px;left:12px;}
	
	/* HOMEITEMS */
	.homeitem  {height:auto;}
	
	/* COPYRIGHT */
	#copyright .col.right {text-align:left;padding-top:0;}
	
	/* COOKIEMELDING */
	#cookiemelding p a#cookie-ok-btn {margin-bottom:10px;}
}

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

	#quick-contact-button {
		padding: 12px 14px;
		transform: none;
	}
	
	.site-search-form {
		display: flex;
	}

	.site-search-submit span {
		display: none;
	}

	.site-search-submit {
		width: 54px;
		padding: 0;
	}

	.search-result-item {
		display: block;
	}

	.search-result-link {
		margin-top: 15px;
	}

}

@media only screen and (min-width: 600px) {
	/* BASIS */
	.mobileonly {display:none;}
	
	#mobile-nav {display:none;}
}

@media only screen and (min-width: 1024px) {
	/* BASIS */
	.wrapper {
		width:1000px;
	}
}

@media only screen and (min-width: 1200px) {
	/* BASIS */
	.wrapper {
		width:1200px;
	}
}

@media only screen and (min-width: 1400px) {
	/* BASIS */
	.wrapper {
		width:1400px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
     html, body {
		font-weight:300;
	}
}