/* CSS applicable to mobile browsers */
	
	@media screen and (max-width: 480px) {
	

		#wrapper {
			padding: 0px;
			overflow: hidden;
		}
		
		#centering-home {
			width: 90%;
			padding-left: 2%;
			padding-right: 2%;
		}
		
		#centering-subpagina {
			width: 90%;
			padding-left: 5%;
			padding-right: 5%;
		}
				
		#header {
			position: relative;
			width: 100%;
			height: 240px;
			padding: 0px;
			margin: 0px;
			background-position: center;
			background-size: cover;
			color: #FFF;
		}
		
		#header #container {
			display: table;
			height: 150px;
			width: 90%;
			padding-top: -50px;
			margin: -100px -20px 0px -20px;
		}
		
		#header #container #tekst{
			display: table-cell; 
			vertical-align: top;
			text-align: left;
			font-size: 14px;
			text-transform: uppercase;
			padding-top: 0px;
		}
		
		#header #container #tekst #titel {
			text-transform: uppercase;
			font-size: 22px;
			color: #ffffff;
			margin-bottom: 8px;
		}
		
		#content {
			overflow: hidden;
		}
		
		#content #back {
			width: 100%;
			text-align: right;
			padding-bottom: 10px;
		}
		
		#content #main-content, #content #main-content-50pct {
			width: 100%;
			margin-bottom: 20px;
		}
		
		#content .column .first {
			margin-top: -50px;
		}
		
		#contactpersoon {
			overflow: visible;
		}
		
		#contactpersoon #profielfoto {
			float: left;
			width: 150px;
			height: 120px;
		}
		
		#contactpersoon #profilering {
			float: left;
			height: 50px;
			width: 200px;
			padding-top: 50px;
			font-weight: 700;
			text-transform: uppercase;
		}
		
		#quote {
			clear: both;
			overflow: visible;
			margin-bottom: 20px;
			background: url(../../gifs/background-quote.gif) top left no-repeat;
			background-color: #edf2f4;
			padding-top: 85px;
			padding-bottom: 25px;
			width: 80%;
		}	


		/*  Bannering  */	
	
		.doublebanner {
			overflow: hidden;
			width: 100%;
			margin-bottom: 20px;
		}
		
		.doublebanner img {
			width: 100%;
		}

		
		/*  Responsive navigation  */
		nav {
			border-bottom: 0;
		}
		nav #ul-container {
			padding: 0;
			margin: 0 auto;
			width: auto;
			height: 35px;
			position: relative;
		}		
		nav #ul-container ul {
			display: none;
			height: auto;
		}
		nav #ul-container a#pull {
			display: block;
			background-image:url(/gifs/menu-bg.png);
			width: 100%;
			position: relative;
		}
		nav #ul-container a#pull:after {
			content:"";
			background: url('/gifs/nav-icon.png') no-repeat;
			width: 30px;
			height: 30px;
			display: inline-block;
			position: absolute;
			right: 15px;
			top: 10px;
		}
		
		nav #ul-container #logo-desktop {
			display: none;
		}
		
		nav #ul-container #logo-tablet {
			display: none;
		}
		
		nav #ul-container #logo-mobile {
			display: block;
			position: absolute;
			z-index: 10000;
			bottom: 0px;
			right: 10%;
			width: 50px;
			height: 50px;
			background-color: red;
		}
		
		#footer-home {
			overflow: visible;
			width: 90%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		
		#footer {
			overflow: visible;
			width: 90%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		
		#footer .half {
			float: left;
			width: 100%;
			margin-bottom: 20px;
		}    
	
			
	}
	
	
	@media screen and (max-width: 320px) {
	
		#wrapper {
			padding: 0px;
			overflow: hidden;
		}
		
		#centering-home {
			width: 90%;
			padding-left: 5%;
			padding-right: 5%;
		}
		
		#centering-subpagina {
			width: 90%;
			padding-left: 5%;
			padding-right: 5%;
		}
		
		#content {
			overflow: hidden;
		}
		
		#content #main-content {
			width: 90%;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		#content #sidebar {
			width: 90%;
			margin: 0 auto;
		}
		
		
		/*  Responsive navigation  */
		nav #ul-container li {
			display: block;
			float: none;
			width: 100%;
		}
		nav #ul-container li a {
			border-bottom: 0px solid #0e6bac;
		}
		
		nav #ul-container #logo-large {
			display: none;
		}
		
		nav #ul-container #logo-small {
			display: block;
			position: absolute;
			z-index: 10;
			bottom: 0px;
			right: 10%;
			width: 50px;
			height: 50px;
			background-color: red;
		}
		
		#back {
			text-align: center;
			width: 90%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 20px;
		}
					
		#footer-home {
			overflow: visible;
			width: 90%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		
		#footer {
			overflow: visible;
			width: 90%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		
		#footer .half {
			float: left;
			width: 100%;
			margin-bottom: 20px;
		}   
		
		h1 {
		margin-top: 150px;
		padding-top: 0px;
		text-transform: uppercase;
		line-height: 110%;
		color: #e3000f;
		}
	
		h2 {
			text-transform: uppercase;
			color: #e3000f;
			font-size: 20px;
		}

		h3 {
			text-transform: uppercase;
			color: #e3000f;
			font-size: 16px;
		}

		h4 {
			text-transform: uppercase;
			color: #e3000f;
			font-size: 16px;
			margin: 0px;
			padding: 0px;
		}
	
	
		/*  mobile specific class  */
		
		
		.full-promo {
			width: 220px;
			height: 354px;
			display: block;
			margin-bottom: 30px;
		}
		
		.half-promo {
			width: 220px;
			height: 167px;
			margin-bottom: 15px;
		}
		
		.padded-tekst {
		padding-right: 0px;
		}
		
		#fotoalbum {
			overflow: hidden;
			width: 460px;
			margin-bottom: 0px;
			margin-left: -28px;
		}
		
		.introtekst {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-right: 0px;
	}
	
	.introtekst .prijs {
		position: relative;
		border-radius: 50%;
		width: 120px;
		height: 120px;
		left: 0px;
		top: 0px;
		margin-bottom: 20px;
		text-align: center;
		text-decoration: none;
		background-color: #e3000f;
	}
	
			
	}