/* (mobile, 768px and down) */
@media (max-width: 767px) {
/* -------------------- NAV --------------------*/
nav.navbarghv .navbar-brand h1{
    letter-spacing: 0em;
    font-size:20px;}


nav.navbarghv .navbar-header{
    position: relative;
    top: 0px;
    height: auto;}

    nav.navbarghv .navwrapper {
        padding: 15px;
        display: block;}

nav.navbarghv .navbar-brand{
    padding: 0px;
    width: 100%;
    z-index: 0;
    padding-right: 90px!important;
    position: absolute;}

    nav.navbarghv .navbar-brand > img {
        max-width: 66px;
        transform: translateY(15px);
        margin-top: -8px;}

    nav.navbarghv .navbar-brand h1{
        padding-left: 40px;
        margin-top: 6px;
        letter-spacing: 0.2em;
        font-size: 18px;}

        nav.navbarghv .navbar-brand h1:before{
            width:30px;
            height: 30px;
            top:50%;
            left: 15px;
            transform: translate(-50%, -50%);
            padding-left: 0px;
            padding-right: 15px;}

    nav.navbarghv button{
        order: 2;
        align-self: flex-end;
        z-index: 10;}

nav.navbarghv ul{
    height:auto;}

        nav.navbarghv ul li + li {
            display: block;
            margin: 5px 0 0 0;}

    nav.navbarghv a{
        padding:15px;}

    nav.navbarghv .navbar-nav{
        justify-content: center;
        margin: 5vw 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;}

    .navbarghv .navbar-nav .open .dropdown-menu > li > a {
        text-align: center;}

nav.navbarghv .navbar-nav, div.subnavbarghv .navbar-nav  {
    width: 100%;}

    .navbar-right .dropdown-menu{
        right: auto;
        left: auto;
        transform: translateX(0);}

.navscroll .navbarghv .dropdown-menu {
    position: relative;
    right: auto;
    margin-top: 0px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);}


    .navbarghv .navbar-nav .open .dropdown-menu{
        margin-top: 0px;}


/**/
    header.navscrolled nav.navbarghv a.navbar-brand{
        padding: 20px 0px;}

    header.navscrolled nav.navbarghv ul{
        height: auto;}

    header.navscrolled nav.navbarghv li a{
        padding: 15px;}
/**/

div.subnavbarghv a{
    font-weight: 400;
    padding:15px;
    color: #FFF}

    .navbar-toggle{
        margin-right: 0px;}

    .navbar-nav li{
        width: 100%;}


/* -------------------- SLIDER --------------------*/
.slidercontent{
    justify-content: flex-end;
    padding: 5vw;
    width: 100%;}

    .slidercontent .title{
        margin-bottom: 15px;
        font-size: 1.2em;}

    .slidercontrol{
        bottom: 9.5vw;}

    a.slider-button{
        left: 10vw;}

.vvp main #slider {
    width: 100%;
    height: 80vw;}

.dobber {
    right: 25px;
    top: 30px;}


/* -------------------- MAIN --------------------*/
.vvp main {
    margin: -600px auto 10vw auto;}

.vvp main .mc {
    padding: 5vw;
    width: 100%;}

.extracontent {
    width: calc(100% - 20vw);}

.vvp aside{
    margin-bottom: 15px;}

    .vvp aside .navbar-toggle {
        background: #086589;
        padding: 15px;
        color: #FFF;
        width: 100%;
        display: flex;
        justify-content: space-between;}

        .vvp aside .navbar-toggle div.hamburger span.icon-bar{
            background: #FFF;}


    .vvp aside .navbar-collapse{
        background: #fafafa;
        padding: 0px;
        margin: 0px;}

    .vvp aside .navbar-nav{
        margin: 0;}

    .vvp aside .navbar-toggle{
        margin: 0;}


/* -------------------- VVP --------------------*/
.wrapper.home:after{
    top: -220px;}

.home nav{
    margin-bottom: 180px;
    margin-top: 5vw;
    width: 100%;}

.home main {
    width: calc(100%);}

    .home .mc-wrapper{
        padding: 10vw;
        width: calc(100%);}

    .home aside{
        padding: 10vw;
        width: calc(100%);}

    .visweer iframe{
        padding: 5vw;}

    .visweer span {
        margin-bottom: 0px;
        margin-top: 10px;}

    .navsm{
        padding: 5vw;}

    .home #slider{
            }

    .home #slider {
        height: 100vw;}

.home .navbarghv {
    border-radius: 5px;
    background: #FFF;
    padding: 0 0 0 0;}

.home .navbar-brand {
    width: auto;
    height: auto;
    position: absolute;}

    .home .navbar-brand>img {
        display: block;
        margin: -30px auto 0 auto;
        width: 80px;}

    .home .dobber {
        right: 150px;
        top: -190px;}

/* -------------------- FOOTER --------------------*/
footer{
    padding: 5vw;
    text-align: center;
    flex-wrap: wrap;}

    .fc{
        width: 100%;}

.fc:nth-child(3) {
    width: 100%;}

.fc:nth-child(4) {
    align-content:center;
    text-align: center;    }

    .fc .leesmeer{
        margin: auto auto 10px auto;}


/* -------------------- ALGEMEEN --------------------*/
p {
    font-size: 1.3em;
    line-height: 1.8em;}

}