body#home a.home,body#projecten a.projecten,body#over a.over,body#contact a.contact{color:#be1522;margin:0;}	

.hamburger{position: relative;top: 6px;left: auto;right: 0px;width: 32px;cursor:pointer;z-index:6;}
.hamburger line{stroke:#ffffff;stroke-width: 6px;}
	
.navbar{position: sticky;width: 100%;top: 0;left :0;box-sizing: border-box;padding: 5px 0 8px 0;z-index:4; background-color: #000000;	
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);}
.navi-links {float: left;width: 30%;box-sizing: border-box;padding: 0 0 5px 0px;}
.navi-rechts {float: right;width: 70%; box-sizing: border-box;  padding: 0 20px 3px 0;}
.naviboven {padding: 12px 0 16px 0;}	
	
.scrolled{color: #ffffff;background-color: #000000;	
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);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: #be1522;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: #ffffff;text-align: center;padding: 10px 5px 8px 5px; text-decoration: none;font-size: 22px;margin: 0 0 0 20px}	
.topnav {overflow: hidden; float: right;}	
.topnav a:hover, .dropdown:hover .dropbtn {color: #ffffff; 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:hover .dropdown-content {display: block;}



@media screen and (max-width: 1600px) {.topnav a {padding: 10px 0px 15px 25px;text-decoration: none;font-size: 21px;}}
@media screen and (max-width: 1400px) {.topnav a {padding: 10px 0px 15px 25px;text-decoration: none;font-size: 19px;}}
@media screen and (max-width: 1300px) {.topnav a {padding: 10px 0px 15px 25px;text-decoration: none;font-size: 18px;}}
@media screen and (max-width: 1200px) {.topnav a {padding: 10px 0px 15px 25px;text-decoration: none;font-size: 17px;}}
@media screen and (max-width: 1100px) {.topnav a {padding: 10px 0px 15px 25px;text-decoration: none;font-size: 16px;}}
		
@media screen and (max-width: 800px) {
.centert{position: absolute;top:0;left: 0;right: 0;margin: auto;width: 25%}
.navbar{position: sticky;width: 100%;top: 0;left :0;box-sizing: border-box;padding: 0px 0 20px 0;z-index:4}
.navi-links{float: left;width: 65%;box-sizing: border-box;padding: 10px 0 5px 0} 
.navi-rechts{float: right;width: 25%;box-sizing: border-box;padding: 5px}		
.menu{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color: #000000;	
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 100%);visibility:hidden;z-index:5}
.navigation{position: absolute;width: 100%;text-align: center;top: 40%;left: 50%;overflow: hidden;}
.navigation ul{margin: 0;padding: 3px 0 0 0;}
.navigation li{list-style-type: none;font-size:33px; color:#ffffff; text-decoration: none;margin-bottom:0px;}
.navigation a, .navigation a:hover{color:#f3f4f8; text-decoration: none;}	
.topnav{padding: 10px 0 12px 0px}
}