html {
    position: relative;
    min-height: 100%;
}

BODY {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight:300;
    background-color:#FFF;

    margin-bottom: 200px;

}

.menu-bar {
    z-index:3000;
    background-color:#FFF;
}

.navbar .nav-item {
    border-right:1px solid #EBEBEB;
}

.navbar .nav-item.active {

    background-color:#A6C721;
    color:#FFF;
}

.navbar .nav-item.active .nav-link {

    color:#FFF !important;
}

.nav-link { color: #000 !important;}
.navbar {
    border:1px solid #EBEBEB;
    width:100%;
    padding:0px;
}

.recent-werk-tile IMG{

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.5s;

}
.recent-werk-tile IMG:hover{

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);

}

.footer {

    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;

    background-color: #373737;
    color:#FFF;
}

.news-img-container {
    width:100%;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}