@media screen and (min-width: 960px) {
    :root {
        --max-container-width: 960px;
        --semi-transparent: #ffffffcc;
        --size-large: 24px;
    }

    /** home */
    header {
        text-align: center;
        border-bottom: 7px solid #46626f;
        margin-bottom: 0;
        padding-bottom: 2px;
        position: static;
        height: auto;
        overflow: visible;
    }

    .logo img {
        height: 65px;
    }

    .panel {
        position: relative;
        display: block;
        max-width: var(--max-container-width);
        margin: 0 auto;
        padding: 0;
    }

    .panel .logo {
        display: none;
    }

    .burger {
        display: none;
    }

    .langs {
        position: absolute;
        top: -100px;
        right: 10px;
        margin-top: 0;
    }

    .menu {
        margin-bottom: 0;
    }

    .menu a {
        padding: 3px 8px;
        text-decoration: none;
        font-size: 1em;
        transition: .2s;
        border-bottom: none;
        color: #444;
    }

    .menu a:hover {
        background: #374d57;
        color: #fff;
        border-bottom: 15px solid #374d57;
    }

    .menu a.selected {
        padding-right: 8px;
        background: #374d57;
        border-bottom: 15px solid #374d57;
    }

    .site-contents {
        padding-top: 40px;
    }

    .main-contents {
        display: grid;
        grid-template:
                "badge  title   menu" auto
                "badge contents menu" auto
                / 150px 1fr 150px;
        grid-gap: 10px 30px;
        margin: 0 auto;
        max-width: var(--max-container-width);
    }

    .page-title {
        grid-area: title;
        text-align: center;
        font-size: var(--size-large);
        padding: .5em;
    }

    .page-title.image-map {
        background-color: unset;
        text-align: left;
    }

    button.drop-down {
        display: none;
    }

    div.badge {
        grid-area: badge;
        margin-top: 0;
    }

    .page-contents {
        grid-area: contents
    }

    .page-menu {
        grid-area: menu;
        display: block;
    }

    .page-menu a {
        font-size: 20px;
        color: #fff;
        margin-bottom: .5em;
        background: #374d56aa;
        display: block;
        padding: .5em;
    }

    .page-menu a.selected {
        background: #374d5670;
    }


    .badge img {
        display: block;
        width: 100%;
    }

    div.txt {
        margin-left: 0;
        margin-right: 0;
    }

    .timetable {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1em;
        padding-top: 0;
        align-items: start;
    }


    .stripped, .stripped tr:first-child td {
        padding-top: 0;
    }


    .form-line.contact {
        display: grid;
        grid-template-columns: 90px 1fr 90px 1fr;
    }

    .routes h1 {
        margin: 0;
    }

    .home-bg {
        padding-top: 190px;
    }

    .home-badge {
        max-width: 340px;
        max-height: 30vh;
        margin: 0 auto;
    }

    .home-badge img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .gallery-on-mobile {
        display: none;
    }

    .gallery-on-desktop {
        display: block;
        color: #d9a004;
    }

    .desk-thumbs {
        padding: 1em;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1em;
        max-width: var(--max-container-width);
        align-items: center;
    }

    .desk-thumbs .item {
        cursor: pointer;
        border: 1px solid #999;
        box-shadow: 1px 1px 1px 0 #000;
        transition: .2s;
    }

    .desk-thumbs .item:hover {
        box-shadow: 0 0 10px 0px #000;
    }

    .desk-thumbs .item img {
        max-width: 100%;
        display: block;
        object-fit: fill;
    }

    #l-arrow, #r-arrow, #close-gallery {
        bottom: initial;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
    }
    #close-gallery {
        right: 1em;
        top: 1em;
        transform: translateY(0);
    }
}