.section-hero {
    margin-top: 10px;
}

.section-hero .new-container {
    background-repeat: no-repeat;
    background-position: right -100px top;
    background-size: 250px;

    transition: background .2s linear;
}

@media (min-width: 600px) {
    .section-hero .new-container {
        background-position: right top 100px;
    }
}

@media (min-width: 768px) {
    .section-hero {
        margin-top: 30px;
    }
    .section-hero .new-container {
        background-size: 350px;
    }
}

@media (min-width: 1024px) {
    .section-hero .new-container {
        background-position: right 60px top 100px;
        background-size: 350px;
    }
}

@media (min-width: 1280px) {
    .section-hero {
        margin-top: 40px;
    }

    .section-hero .new-container {
        background-position: right 60px top 40px;
        background-size: 440px;
    }
}

.department + .department {
    margin-top: 1.5rem;
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding-top: 1.5rem;
}

.staff-item + .staff-item {
    margin-top: 1.5rem;
}

@media (min-width: 1024px) {
    .staff-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: 0.75rem;
        gap: 0.75rem;
    }

    .staff-item + .staff-item {
        margin-top: 0px;
    }

    .staff-list {

    }
}

.staff-link {
    align-items: center;
}

.staff-link:focus, 
.staff-link:hover {
    font-weight: 600;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.staff-link-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (min-width: 768px) {

    .city-scroll::-webkit-scrollbar {
        height: 0.25rem;
        width: 0.25rem;
    }
}

.city-scroll::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .city-scroll::-webkit-scrollbar-track {
        margin-bottom: 2.5rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(233 233 233 / var(--tw-bg-opacity));
    }
}

.city-scroll::-webkit-scrollbar-corner {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .city-scroll::-webkit-scrollbar-corner {
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(233 233 233 / var(--tw-bg-opacity));
    }
}

.city-scroll::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .city-scroll::-webkit-scrollbar-thumb {
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(121 134 127 / var(--tw-bg-opacity));
    }
}