/******   CSS by First Things ************/



header .logo  { width: 200px; }
header.smaller .logo { width: 150px; }

img.tussen { display: block; margin: auto; width: 50%; }
img.tussen-breed { display: block; margin: auto; width: 70%; }


.slide-logo img { width: 170px; height: auto; }
.fw_al_003_slide > h1 { background-color: rgba(0, 0, 0, 0.6);  padding: 20px;   }  


#footerlogo { width: 100%; height: auto; display: block; }



.footer-main h1 {
    font-size: 1.2em !important; }

.wandelroutesgent {
    background: url(images/wandelroutes-gent.jpg) no-repeat; background-size: 100% 100%;
}

a.reserveer {
    font-size: 2.1rem;
    font-weight: 500;
    position: relative;
    color: #ffffff;
    float: right;
    padding: 27px 21px;
    top: -1px;
    right: 80px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.taalke {
    width: 25px; margin-top: 15px;
}
.inactiveLink {
   pointer-events: none;
   cursor: default;
}



.extramargintop40 { margin-top: 40px; }


a {
    color: #1F8A70;
    text-decoration: underline;
}

footer a, header a, a.btn-global { text-decoration: none; }
#wandelroutemap { width: 100%; }

footer li {
    font-size: .9em;
    font-weight: 300;
    color: #c9c8c8;
}
.google-maps {
    position: relative;
    overflow: hidden;
}
.overlay {
    left: 0; top: 600px;
    background: #333;
    z-index: 999;
    background: transparent;
    position:relative;
    width: 100%;
    height: 600px;
    margin-top: -600px;
}



/******   Responisve  ************/
@media only screen and (max-width: 767px) {
    .logo { width: 130px !important; }
    .fw_al_003_slide {top: 5% !important;padding: 0;}
    .fw_al_003_slide > h1 {padding: 5px !important; }
    #bg-paralax-inside h1.titel-wandel { font-size: 2EM !important; }
    .home { padding-top: 90px; }
    .titel-wandel { font-size: 35px !important; }
    img.tussen { width: 80%; }
    img.tussen-breed { width: 90%; }

}






@media screen and (max-width: 700px) {
    .taalke {margin-top: 30px;}
    #bg-paralax-inside h1.titel-wandel { font-size: 3em; }

}