@media (max-width: 1170px) {

    nav {
        position: sticky;
        width: 100%;
        height: fit-content;
        border-right: none;
        border-bottom: 1px solid var(--color-stroke-1);
        padding: var(--spacing-xs);
        margin-bottom: var(--spacing-none);
        top: 0;
        z-index: 100;
    }

    .nav-inner {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: var(--spacing-xxs);
        margin: var(--spacing-none);
        gap: var(--spacing-xl);
        height: fit-content;
    }

    #nav-contact, #nav-patient-safety, #nav-end-of-life-planning, #nav-WIP {
        display: none;
    }

    #nav-work {
        display: block;
    }

    .nav-inner > h4 {
        display: none; 
    }

    .nav-inner > .nav-item {
        padding: var(--spacing-none);
    }

    main {
        padding-top: var(--spacing-none);
        flex-direction: column;
    }
}

@media (max-width: 1000px) {
    .section-label {
        display: none;
    }

    section {
        margin-bottom: var(--spacing-lg); 
        padding-bottom: var(--spacing-xl);
    }

    h1 {
        margin-bottom: var(--spacing-md);
    }

    .case-study:first-of-type {
        margin-top: var(--spacing-xxl);
    }

    .primary-content-container {
        margin-top: var(--spacing-md);
    }
    .footer-inner {
        padding: var(--spacing-lg) var(--spacing-md);
        max-width: 100%;
    }

}

@media (max-width: 800px) {
    main {
        margin: 0;
        padding: 0 var(--spacing-xs);
    }
    .WIP-case-studies-container {
        gap: var(--spacing-md);
        margin-top: var(--spacing-none);
    }
    .WIP > h2 {
        margin-bottom: var(--spacing-md);
    }
    .footer-inner {
        padding: var(--spacing-lg) var(--spacing-xs);
        max-width: 100%;
    }
}

@media (max-width: 700px) {
    .WIP-case-study {
        flex-direction: column-reverse;
    }
    .WIP-case-study-image {
        width: 100%;
    }
    .WIP-case-study-info-container {
        width: 100%;
    }
}

@media (max-width: 600px) {

    .primary-content-container {
        margin-top: var(--spacing-none);
    }

    .map-label {
        top: 31%;
        right: 37%;
    }
    nav {
        display: none;
    }
    #greetings {
        padding-top: var(--spacing-sm);
    }
    .detail-list {
        padding: var(--spacing-sm) var(--spacing-xs);
    }
    .WIP-case-study-info-container {
        padding: var(--spacing-sm) var(--spacing-xs);
    }
}

@media (max-width: 500px) {
    .map-label {
        top: 29%;
        right: 20%;
    }
}

@media (max-width: 400px) {
    .map-label {
       top: 27%;
       right: 15%;
    }
}

.hide-on-mobile {
    display: block;
}

@media (max-width: 800px) {
    .hide-on-mobile {
        display: none;
    }
}