html,
body {
	color:black;
	top:0;
font-family: 'News Cycle', sans-serif;
   margin:0;
   padding:0;
   height:100%;
}

h1{
font-family: 'News Cycle', sans-serif;
   font-size:40px;
   text-align:center;
   font-weight:900;
   line-height:40px;
}
h2{
	font-size:26px;
	color:#379305;
	margin-top: 0px;
margin-bottom: 10px;
 font-weight:100;
}
#container {
   min-height:100%;
   position:relative;
}



#header {
	background:url(img/banner.jpg);
	height:400px;
	padding-top:50px;
	 background-repeat: no-repeat;
	   background-position: 50% 60%; 

	background-size:  cover;    


}
.logo h1{
background-color: black;
  color: transparent;
  text-shadow: 0px 2px 3px #9f643a;
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
		  font-size:2.5vw;

}
.logo{
float:left;
position:absolute;
z-index:100;
margin-left:4%;
padding:0px 10px;
background:url(img/wood.png);
  background-repeat: no-repeat;
     background-position: right bottom; /*Positioning*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-size:  cover;
	border: 1px solid #9F643A; 

}


#menu {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

background:url(img/wood.png);
position:relative;
margin-top:35px;
float:left	;
 width:100%; 
	 
	 text-transform: uppercase;
	font-family: 'News Cycle', sans-serif;
	 font-weight:900;
	 font-size:1.2vw;
text-align: center;

}
#menu ul{
	padding-left:20%;
	padding-bottom:2pc;

}
#menu li{
	float:left;
	list-style:none;
	margin-right:2%;
}
#menu li a{
	text-decoration:none;
	color:white;
}#menu li a:hover{
	text-decoration:underline;
}

#menu ul ul {
    display: none;
}

#menu ul li:hover > ul {
    display: block;
	 position: absolute;
    top: 1.7em;
    left: 0;
    z-index: 99999;
    width: 100%;
	color:black!important;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#menu ul ul li a {
	text-align:left;
    text-decoration: none;
    color: black;
	font-size: 0.9vw;
}
 
#menu li {
    position: relative;
}

#menu .menu-item-has-children a:after{
    content: '';
 
    border: 6px solid transparent;
    border-top: 7px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}

.menubutton {
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'News Cycle', sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.menubutton:hover {
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color:#68a54b;
}
.menubutton:active {
	position:relative;
	top:1px;
}

     
#topbanner {
	
}
#content {
	
	padding: 70px 110px 100px 110px;
	width:80%;
	min-height: 100%;
	height:auto;
	margin:0 auto;
	color:black;
	font-size:20px;
	font-weight:300;
   height:100%;
  
}
#content-full {
	
	width:100%;
	min-height: 100%;
	height:auto;
	color:black;
	font-size:20px;
	font-weight:300;
   height:100%;
  
}
.sidebaracc{
	padding:10px;
}
.width50{
	width:80%;
	margin:0 auto;

}
.wrapper{
	width:80%;
	margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */
}
.clear{
	clear:both;
}
.center{
	  text-align: center;
}
#footer {
  background-image: url(img/footer-schaap.png);
  background-repeat: no-repeat;
     background-position: right top; /*Positioning*/
background-color:#181006;
 background-size: 100% 92%;
font-family: 'Roboto', sans-serif;
   bottom:0;
   width:100%;
   padding-top: 332px;
   color:white;
}

.footerblok{
	float:left;
	width:33.3%;
}
.schrijftekst{
	font-family: 'Fuzzy Bubbles', cursive;
	font-size:20px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1025px) {
 #menu{
	display:none!important;
} 
.logo{
	display:none !important;
}
#header{
	height:200px!important;
}
#footer{
	background-size: 100% auto;
	padding-top: 178px;
}
	#logo{
		display: none;
	}
	#container{ 
	margin-top:0px;
	width:100%;
	}
	.alignleft{
	float: none!important;
	}
}
@media only screen and (max-width: 744px) {
	#container{ 
	margin-top:0px;
	width:100%;
	}
	#footer{
	background-size: 100% auto;
	padding-top: 178px;
	}
	.footerblok{
	float:none;
	width:100%	
	}
	#content { 
	
	padding: 70px 20px 100px 20px;
	width:90%;
	min-height: 100%;  
	}
	.alignleft{
	float: none!important;
	}



}