/* Ideally, there is no such file. Instead everything happens in style.css and
 * is only overwritten in desktop.css */

.header {
    min-height: 140px; /* prevent cumulative layout shift when toggling menu */
    padding-top: 1em;
}
.header .menu {
    display: none;
}
.header .setting_icons {
    margin-right: 15px;
}
.header .menu_icon {
    position: absolute;
    top: 15px;
    right: 15px;
}
.header .branding h1 {
    margin-bottom: 8px;
}
.setting_icons .material-icons {
    vertical-align: middle;
}
.home .portrait {
    width: 100%;
    height: 375px;
}