@media only screen 
	and (min-width : 400px) 
	and (max-width : 820px)
{
	.hide-portrait
	{
		display: none;
	}
	
	div.counter-container div.counter span
	{
		font-size: 30px;
	}
	
	div.content div.container
	{
		width: 650px;
		
		padding: 100px 0px;
	}
	div.content div.container.extra-padding
	{
		padding: 100px 0px;
	}
	
	div.content div.container h2
	{
		font-size: 17px;
	}
	
	div.content div.container div.drieluik div.item
	{
		width: calc(33% - 12px);
	}
	
	div.content div.container div.drieluik div.item div.text
	{
		font-size: 14px;
	}
	
	div.content div.container div.vierluik div.item
	{
		width: calc(25% - 14px);
	}
	
	div.content div.container div.vierluik div.item div.text h3
	{
		font-size: 17px;
	}
	
	div.content div.container div.vierluik div.item div.text
	{
		font-size: 17px;
	}
	
	div.content div.container div.agenda div.item div.line
	{
		width: 25px;
	}
	
	div.content div.container div.agenda div.item div.line div.dot
	{
		display: none;
	}
	
	div.content div.container div.agenda div.item div.text
	{
		width: calc(100% - 125px);
	}
	
	div.content div.container div.agenda div.item div.text strong small
	{
		display: none;
	}
	
	div.content div.container div.splitted div.left
	{
		width: calc(100% - 60px);
		
		margin: 0px 0px 20px 0px;
	}
	
	div.content div.container div.splitted div.right
	{
		width: 100%;
		
		margin: 0px;
	}
	
	div.content div.container div.drieluik div.item div.text h3.small-mobile
	{
		font-size: 13px;
	}
	
	div.content div.container div.drieluik div.item div.text a
	{
		font-size: 15px;
	}
	
	div.content div.container ul.footer li
	{
		width: 100%;
		height: 300px !important;
	}
	
	div.content div.container ul.footer li img
	{
		width: 200px;
	}
	
	div.content div.container ul.footer li span
	{
		text-align: center;
	}
	
	div.content div.container ul.footer li.small
	{
		display: none;
	}
}