@media only screen and (max-width: 479px) {
	/* BASIS */
	h1 {font-size:34px;}
	h2 {font-size:24px;}
	
	.bg-element {background-size: 100%;}
	
	/* TOP */
	#top ul.ux li:nth-child(1) {margin:0;text-align:center;}
	#top ul.ux li a span {display:none;}
	
	#top ul.contact {width:85%;}
	#top ul.contact li.btn {margin:auto;}
	#top ul li:not(.btn):not(.mobile-nav) i {margin:0;}
	#top ul li:not(.btn):not(.mobile-nav) {margin-left:15px;}
	/*#top ul li:not(.btn):not(.mobile-nav):nth-child(3) i {margin-right:60px;}*/
	#top ul li.btn {display:block;text-align:center;padding:0;right:0;}
	
	#top .bg-zwart {width:53%;display:inline-block;padding:5px;right:-14px;}
	
	#top ul.contact li.mobile-nav {display:block;padding:10px 10px 5px 10px;border-radius:10px;position: fixed;top: 28px;right: 5px;z-index:9999999;background-color:var(--grijs);}
	#top ul.contact li.mobile-nav i {font-size:32px;margin-right:0;}
	
	#top .col.right {top:-24px;}
	
	#top .wrapper {padding-left:10px;padding-right:10px;padding-bottom:0;}
	
	/* NAVIGATION */
	#nav-container {transition: all 0.5s ease-out;padding:40px 40px 20px 40px;position:fixed;width:100vw;height:100vh;top:0;left:-100vw;background-color:var(--wit);z-index:999;}
	#nav-container ul.nav {position:relative;top:0;left:0;transform: none;}
	#nav-container ul.nav li {margin-left:0;display:block;float:none;line-height:40px;}
	#nav-container ul.nav li.btn {line-height:inherit;top:10px;}
	
	#nav-container.show {left:0;}
	
	/* HEADER */
	#header .wrapper {padding:0px 25px;}
	#header #logo {margin:auto;width:50%;}
	#image-header, .home #image-header {height:175px;}
	#image-header img {object-fit:cover;width:100%;height:175px;display:block;}
	#image-header-content h5, .home #image-header-content h5 {font-size:14px;margin-left:0px;margin-bottom:15px;width:70%;}
	
	#image-header-content h1 {font-size:20px;margin-bottom:5px;}
	.home #image-header-content h5 {width:auto;}
	#image-header-content .pijl {display:none;}
	#image-header-content p {margin-bottom:0;}
	
	#image-header-content a.btn {font-size: 14px;padding: 10px 50px 10px 18px;border-radius: 25px;margin-left: 0px;}
	#image-header-content a.btn::after {height: 12px;width: 18px;top: 15px;}
	
	/* MAIN */
	/* VACATURES */
	.vacature-thumb .vacature-content a:not(.print) {position: relative;top: 0px;right: 0px;}
	.vacature-thumb .col.right.vac-socials {text-align:left;margin-top:10px;}
	.vacature-thumb .vacature-footer .col.right {text-align:left;padding-top:10px;}
	
	.contact-box .col {padding:30px 30px 45px 30px;}
	.contact-box .tellink {position: relative;top: 10px;right: 0;transform: none;}
	
	.bg-element-tel {background-size:48%;}
	
	.contact-box.bg-blauw .title {position: relative;top: 0;left: 0;transform: none;}
	.contact-box.bg-blauw .col:not(.bg-grijs .col) {padding:30px;}
	
	/* FOOTER */
	#footer img {width:50%;margin:auto;}
	#footer .col.alwayscol {width:50%;}
	#footer .col.alwayscol:nth-child(2) ul {margin-left:20px;}
	
	/* COPYRIGHT */
	#copyright .col.right {text-align:left;padding-top:0;}
}

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

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

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