body#zakelijk a.zakelijk,body#portret a.portret, body#event a.event,body#bruiloften a.bruiloften,body#over a.over,body#contact a.contact{color:#9b8e80;margin:0;}	
.krimp{position: fixed;top: 0;left :0;box-sizing: border-box;padding: 5px 0 0 10px;z-index: 4;width: 11%}
header .logo img {width: 100%;transition: width 2s ease-in-out 0.3s;margin: 0;box-sizing: border-box;padding: 5px 0 0 0}
header.fixed-header .logo img {width: 55%;margin: 0;box-sizing: border-box;padding: 5px 0 0 0}
.hamburger{position: relative;top: 6px;left: auto;right: 0px;width: 32px;cursor:pointer;z-index:6;}
.hamburger line{stroke:#6c5d4e;stroke-width: 6px;}
.navbar{position: fixed;width: 100%;top: 0;left :0;box-sizing: border-box;padding: 12px 10px 12px 0;z-index: 3}
.scrolled{color: #000000;background-color:#e7dfd8;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition: 0.6s;}
.lijntjes {display: inline-block;position: relative;}
.lijntjes:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 2px;left: 50%;position: absolute;background-color: #6c5d4e;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.lijntjes:hover:after {width: 100%; left: 0;}
.topnav a.active {text-decoration: underline}
.topnav a {color: #6c5d4e;text-align: center;padding: 10px 10px 8px 10px;text-decoration: none;font-size: 22px;margin: 0 0 4px 0}	
.topnav {overflow: hidden; float: right;}	
.topnav a:hover, .dropdown:hover .dropbtn {color: #9b8e80; text-decoration: none}	
.dropdown {float: left;overflow: hidden;}
.dropdown .dropbtn {font-size: 15px; border: none;outline: none;color: white;padding: 14px 17px;background-color: inherit;font-family: inherit;margin: 0;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {background-color: #C9C1C1;color: #000000}
.dropdown:hover .dropdown-content {display: block;}
.dropdown {float: left;overflow: hidden;}
.dropdown .dropbtn {font-size: 15px; border: none;outline: none;color: white;padding: 14px 17px;background-color: inherit;font-family: inherit;margin: 0;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {background-color: #C9C1C1;color: #000000}
.dropdown:hover .dropdown-content {display: block;}
.navi-links {float: left;width: 2%;box-sizing: border-box;padding: 0 0 5px 0px;}
.navi-rechts {float: right;width: 98%; box-sizing: border-box;  padding: 0 0 3px 5px;}
.naviboven {padding: 8px 0 0 0;}
		
@media screen and (max-width: 1600px) {.krimp{width: 12%}.topnav a {padding: 10px 10px 8px 10px;text-decoration: none;font-size: 21px;}}
@media screen and (max-width: 1400px) {.topnav a {padding: 10px 10px 7px 10px;text-decoration: none;font-size: 19px;}}
@media screen and (max-width: 1300px) {.krimp{width: 13%}.topnav a {padding: 10px 9px 6px 9px;text-decoration: none;font-size: 18px;}}
@media screen and (max-width: 1200px) {.topnav a {padding:10px 9px 5px 9px;text-decoration: none;font-size: 17px;}}
@media screen and (max-width: 1100px) {.krimp{width: 14%}.topnav a {padding: 10px 8px 4px 8px;text-decoration: none;font-size: 16px;}}
@media screen and (max-width: 900px) {.topnav a {padding:9px 6px 4px 6px;text-decoration: none;font-size: 15px;}}
@media screen and (max-width: 800px) {.krimp{width: 17%}.topnav a {padding: 9px 6px 4px 6px;text-decoration: none;font-size: 15px;}}
@media screen and (max-width: 700px) {.topnav a {padding: 9px 5px 4px 5px;text-decoration: none;font-size: 14px;}}
		
@media screen and (max-width: 600px) {
.krimpt{position: fixed;z-index: 4}	
.centert {position: absolute;top:0;left: 0;right: 0;margin: auto;width: 25%}
.navbar{position: fixed;width: 100%;top: 0;left :0;box-sizing: border-box;padding: 5px 10px 1px 5px;z-index: 3}
.navi-links {float: left;width: 15%;box-sizing: border-box;padding: 5px} 
.navi-rechts {float: right;width: 35%;box-sizing: border-box;padding: 5px}		
header .mobiellogo img {width: 100%;transition: width 2s ease-in-out 0.3s;box-sizing: border-box;padding: 0}
header.fixed-headert .mobiellogo img {position: absolute;top:0;left: 0;right: 0;margin: auto;width: 80%;box-sizing: border-box;padding: 0}
.menu{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#e7dfd8;visibility:hidden;z-index:5}
.navigation{position: absolute;width: 100%;text-align: center;top: 50%;left: 50%;overflow: hidden;}
.navigation ul{margin: 0;padding: 3px 0 0 0;}
.navigation li{list-style-type: none;font-size:33px; color:#6c5d4e; text-decoration: none;margin-bottom:0px;}
.navigation a, .navigation a:hover{color:#6c5d4e; text-decoration: none;}
}