/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: right;
  margin:0px 25px 0px 0px;
  }
  #nav-trigger span {
    display: inline-block;
    padding: 0px 0px;
    color: #000000;
    cursor: pointer;
	}
	
    #nav-trigger span:after {
      display: inline-block;
      content: url('../images/hamburger.png');
	   
	  }
    #nav-trigger span:hover {
      background-color: rgba(160,213,246,0.5); 

	   }
    #nav-trigger span.open:after {
		
 }



  

nav#nav-main {
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	overflow:hidden;
	height:56px;
	float:left;
	margin:43px 0px 30px 0px;
}









  nav#nav-main ul {
    list-style-type: none;
    margin: 6px 0px 0px 0px;
    padding: 0;
    text-align: left;
	}
  nav#nav-main li {
    display: inline-block;
    padding: 0 5px; }
	
    nav#nav-main li:last-child {
      border-right: none; }
	  
  nav#nav-main a  {
	  -webkit-transition: 350ms;	-moz-transition: 350ms;	transition:350ms;
    display: block;
    color:#005e78;
    padding: 10px 9px;
	text-decoration:none;
	font-size:15px;
	font-weight:400;
	}
    nav#nav-main a:hover {
      color: #773c10;
	   }
	nav#nav-main a:active {
		color: #773c10;
	}
	   
nav#nav-main li.mobile { display: none;}	
nav#nav-mobile {
	z-index:1000;
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    background-color: rgba(57,137,188,0.8);
	padding: 0px 25px 0px 25px;
	}

  nav#nav-mobile li {
    display: block;
    padding: 8px 0;
    margin: 0 5px;
    border-bottom: solid 1px rgba(255,255,255,0.3); }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 5px 5px;
	font-size:13px;
	text-decoration:none;}
    nav#nav-mobile a:hover {
      color: #000000; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }


@media all and (max-width: 900px) {
  #nav-trigger {display: block; }
  nav#nav-main {display: none; }
  nav#nav-mobile {display: block; }  
nav#nav-main li.mobile { display: block;}
  .navigatie { width:100%; padding:0px 0px 0px 0px;}

  	
		}