a.mobile-nav {
	display:none;
	position: absolute;
	top:15px;
	right: 15px;
	padding-right: 35px;
	line-height: 20px;
	height:20px;
	background: url(../images/menu.png) center right no-repeat;
	z-index:99;
	color:#000;
	text-transform:uppercase;
}

@media only screen and (max-width: 1200px){
    body{
            background: url(../images/bg1.png) #fff fixed;
            background-position: top;
    }
    
    
    #inhoud div{
        margin-left:0!important;
    }
    
    a.mobile-nav {
    	display:block;
    }	
    #nav {
    	display: none;
    }
    .container, #inhoud, #article {width:100%;height: initial;}
    .sf-menu li { width:100%;}
    #content {width:100%;margin-left:0px;background-image:none;/* background:#f5f5f5; */margin-bottom:35px;height:auto;}
    #left, #right {width:46%;height:auto;overflow: unset;}
    #left { margin-right:0; padding-right:15px; padding-left:15px;}
    #inhoud{left:0px;background:none;background: #00000036;text-align: center;width: 100%;}
    #article {height:auto;/* background:#f5f5f5; */padding-bottom:35px;}
}
@media only screen and (max-width: 1024px){
}
@media only screen and (max-width: 768px){
    
    body{
            background-repeat: repeat;
            /* background-size: contain; */
    }
    
    #inhoud{
        /* position:absolute; */
        /* height:100%; */
        background: initial;
    }
    
     #left, #right {width:91%;padding-left:30px;padding-right:0;}
}
@media only screen and (max-width: 480px){
    
    #inhoud img { max-width:400px; height: auto;}
}
@media only screen and (max-width: 375px){
    #left, #right { padding-left:15px;}
}