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

	body, html {
		font-size: 11.5pt;
	}
	
}


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

	body, html {
		font-size: 11pt;
	}
	
}

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

	body, html {
		font-size: 10.5pt;
	}
	
}

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

	body, html {
		font-size: 10pt;
	}
	
	
}

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

	.left-container {
		line-height: 1em;
	}
	
	.copyright {
		float: none;
		width: 90%;
		margin: 0em auto;
		text-align: right;
	}
	
}

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

	.left-container {
		line-height: .6em;
		font-size: 1.4em;
	}
	
}

@media only screen   /* ipad */
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
	.thumb {
		width: 49%;
		margin: 0 1% 1% 0;
	}
	
	.thumb-title {
		font-size: 1em;
	}
	
	.thumb-desc {
		height: auto;
	}
	
}

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

	.left-container {
		font-size: 1.3em;
	}
	
	.content-container {
		width: 75%;
	}
	
	.right-block {
		margin-left: 0px;
	}
	
	.logo-container {
		width: 50%;
	}
	
	
	.container {
		height: auto !important;
	}
	
	.large-logo {
		height: auto;
		width: 80%;
	}
	
	.menu-container {
		width: auto;
		left: auto;
		float: none;
		position: relative;
		width: 90%;
		margin: 1.5em auto;
	}
	
	.left-container ul a  {
		margin: .5em 0;
	}
	
	.logo-container {
		float: none;
		width: 75%;
		margin: auto;
	}
	
	.right {
		float: none;
		position: relative;
		right: auto;
		top:auto;
		width: 90%;
		margin: auto;
	}
	
	.right ul li {
		float: left;
		margin-right: 1em;
	}
	
	
	.largenav, .menu-container, .right, .left-container {
		font-size: 1.2em;
		line-height: 1.1em;
	}
	
	.thumb {
		width: 49%;
		margin: 0 1% 1% 0;
	}

		
	.footer table tr td {
		position: relative;
		display: block;
		width: 45% !important;
		float: left;
		margin-right: 2.5%;
		margin-bottom: 1em;
		line-height: 2em;
	}
	
	.footer .seperator {
		width: 100%;
		height: 1px;
		position: relative;
		margin-top: 1em;
	}
	
	
	.trouwlocatie {
		width: 7em;
	}
	
	.bigwijnand {
		width: 5em;
		left:.5em;
		top:16em;
	}	
}


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

	.logo-container {
		width: 100%;
	}
	
	.largenav, .menu-container, .right, .left-container {
		font-size: 1em;
		line-height: 2em;
	}

	.left-container {
		width: 100%;
		float: none;
		height: auto;
		padding: .5em 0em;
	}
	.left-container ul li {
		margin-right: 1em;
	}
	
	.left-container ul a {
		margin: .5em;
	}
	
	.left-container .sub-menu {
		position: relative;
		left:auto;
		top: auto;
		border: none;
	}
	
	.banner-container {
		height: auto !important;
	}
	.visual {
		width: 100%;
	}
	.click {
		display: none;
	}
	
	.content-container {
		width: 90%;
		margin: auto;
		float: none;
		overflow-x: auto;
	}
	
	.right-block {
		width: 100%;
	}
	
	.thumb {
		width: 100%;
		margin: 0 0% 1em 0;
	}

	.footer table tr td {
		width: 100% !important;
	}
	
	.mobilehide {
		display: none;
	}
	
	.desktophide {
		display: block;
	}
	
	.trouwlocatie {
		width: 6em;
		top:2em;
	}
	
	.headerblock {
		margin-top: 1em;
		padding: 2em 4em;
	}
	
	
}