.subjects-block > li.type--headline {
    margin-bottom: .5rem;
}

.subjects-block > li {
    grid-column: 1/-1;
}

.subjects-block--semester > * {
    grid-column: 1/-1;
}

.subjects-block--header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--color-gray);
    background-color: var(--color-blue);
    position: sticky;
    top: 75px;
    z-index: 2;
}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .subjects-block {
        margin-top: -.5rem;
    }
    
    .subjects-block > li.type--headline {
        grid-column: 1/4;
        position: sticky;
        top: 75px;
        margin-top: .5rem;
    }

    .subjects-block > li.semesters {
        grid-column: 4/-1;
    }

    .subjects-block--semester {
        border-bottom: 1px solid var(--color-blue);
        grid-column: 4/-1;
    }

    .subjects-block li:last-of-type ul {
        border-bottom: none;
    }

    .subjects-block--header {
        background-color: var(--color-white);
        border: none;
        grid-column: 1/4;
        color: var(--color-blue) !important;
    }

    .subject-block {
        grid-column: 4/-1;
    }

    .subject-block:last-of-type {
        border: none;
    }
}