.photonav {
    padding: 0.4rem 0;
    width: 100vw;
    margin-bottom: 0px;
    background-color: #222 !important;
}

.photonav .navbar-brand {
    font-weight: 700;
    color: #fff !important;
}

.photonav .nav-link {
    color: #fff !important;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
}

.photonav .nav-link:hover {
    color: #daecff !important;
}

.photonav img {
    height: 36px;
}

#pictimeIntegration {
    width: 100%;
    margin-top: 50px;
    height: 100vh;
    border: none;
}

.navbar-light .navbar-toggler {
    filter: invert(1) !important;
}



@media (max-width: 576px) {
    .photonav .navbar-brand img {
        height: 30px;
    }

    .photonav .nav-link {
        padding: 0.4rem 0.5rem;
    }

    #pictimeIntegration {
        margin-top: 50px;
    }
   
    .photonav div.container{
        margin: 0px 16px
    }

}