colouring-montreal/app/src/frontend/header.css

/**
 * Main header
 */
.main-header {
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-decoration: none;
}
@media (min-width: 480px){
    .main-header {
        width: 480px; /* to match .info-container menu width */
    }
}
.main-header .navbar {
    padding: 0.5em 0.5em 0.5em;
}
.main-header .navbar-brand {
    margin: 0 1em 0 0;
}
.main-header .navbar-collapse {
    height: calc(100vh - 80px);
    overflow-y: auto;
}