/* style van de algemene navbar die getoond wordt in smartphone view */
.smartphone_navbar {
    /* hier ook al position bepalen?*/
    position: relative;
    display: none;
    height: 35px;
    padding-right: 2%;
    padding-left: 2%;
}

/* fotos juist zetten. hoogte moet even hoog zijn als de navbar */
.smartphone_navbar img {
    /*float: right;*/
    height: 100%;
}

/* style van de dropdown content */
.smartphone_navbar .dropdown-content {
    position: relative;
}

/* account en menu knoppen links en rechts zetten op de navbar */
.smartphone_navbar_menu_button {
    float: right;
    width: 10%;
}

.smartphone_navbar_back_button {
    float: right;
    width: 20%;
}

.smartphone_navbar_account_button {
    float: left !important;
    width: 10%;
}



/* smartphone vanaf 600px */
@media screen and (max-width: 600px) {

    /* dropdown niet laten zien tot op de knoppen wordt geduwd*/
    .navbar_account_dropdown {
        display: none;
    }

    .navbar_menu_dropdown {
        display: none;
    }

    .smartphone_navbar {
        display: block;
    }

    .smartphone_navbar button {
        float: right;
        height: 100%;
    }

    .default_navbar {
        padding: 0px;
        display: none;
    }
}