/* CSS applicable to tablet browsers */
	
	@media screen and (max-width: 768px) {
		
		
		#wrapper {
			padding: 0px;
			overflow: hidden;
		}
		
		#centering-home {
			width: 100%;
			padding-left: 0%;
			padding-right: 0%;
		}
		
		#centering-subpagina {
			width: 90%;
			padding-left: 0%;
			padding-right: 0%;
		}
						
		#header {
			position: relative;
			width: 100%;
			height: 200px;
			background-position: center;
			background-size: cover;
			color: #FFF;
		}
		
		#header #container {
			display: table;
			height: 200px;
			width: 90%;
			margin: 0 auto;
		}
		
		#header #container #tekst{
			display: table-cell; 
			vertical-align: middle;
			text-align: left;
			text-transform: uppercase;
			visibility: hidden;
		}
		
		#header #container #tekst #titel {
			text-transform: uppercase;
			font-size: 32px;
			margin-bottom: 12px;
			margin-top: 120px;
			visibility: hidden;
		}
		
		#content {
			overflow: hidden;
		}
		
		#content #back {
			width: 100%;
			text-align: center;
			padding-top: 50px;
			margin-bottom: -100px;
		}
		
		h1 {
		margin-top: 100px;
		text-transform: uppercase;
		line-height: 110%;
		color: #e3000f;
	}
		
		#content #main-content, #content #main-content-50pct {
			width: 100%;
			margin-bottom: 40px;
		}
		
		#content #main-content .introtekst {
			width: 100%;
		}
		
		#content #sidebar, #content #sidebar-50pct {
			width: 100%;
		}
		
		.introtekst .prijs {
			position: relative;
			border-radius: 50%;
			width: 120px;
			height: 120px;
			left: 300px;
			top: 0px;
			text-align: center;
			text-decoration: none;
			background-color: #e3000f;
			margin-bottom: 25px;
		}
		
		#fotoalbum {
			overflow: hidden;
			width: 100%;
			margin-bottom: 0px;
		}
		
		#fotoalbum .foto {
			float: left;
			width: 335px;
			height: 254px;
			background-position: center;
			background-size: cover;
		}
		
		#contactpersoon {
			overflow: visible;
		}
		
		#contactpersoon #profielfoto {
			float: left;
			width: 150px;
			height: 120px;
		}
		
		#contactpersoon #profilering {
			float: left;
			height: 50px;
			width: 280px;
			padding-top: 50px;
			font-weight: 700;
			text-transform: uppercase;
			text-align: left;
		}
		
		#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: 460px;
			margin-bottom: 20px;
		}
	
		
		/*  Responsive navigation  */
		nav { 
			height: auto;
		}
		nav #ul-container {
			padding: 0;
			margin: 0 auto;
			width: auto;
			height: 35px;
			position: relative;
		}		
		nav #ul-container ul {
			width: 100%;
			display: block;
			height: auto;
		}
		nav #ul-container li {
			width: 50%;
			float: left;
			position: relative;
		}
		nav #ul-container li a {
			border-bottom: 0px solid #0e6bac;
			border-right: 0px solid #0e6bac;
		}
		nav #ul-container a {
			text-align: left;
			width: 100%;
			text-indent: 25px;
		}
		
		nav #ul-container li:last-child a {
			border-right: 0;
			padding-top: 0;
			padding-left: 0;
		}
		
		nav #ul-container #logo-desktop {
			display: none;
		}
		
		nav #ul-container #logo-tablet {
			display: block;
			position: absolute;
			z-index: 10;
			top: 140px;
			right: 45%;
			width: 120px;
			height: 120px;
			background-color: #e3000f;
		}
		
		nav #ul-container #logo-mobile {
			display: none;
		}
		
		#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;
		}          

	}