.node--type-office.node--view-mode-full {
    div.banner {
        background: #efefef;
        padding: 2rem 0;
        margin-bottom: 0rem;
        display: flex;
        flex-wrap: wrap;
    
        > .inner {
            max-width: 85em;
            margin: 0 auto;
            padding: 2em;
            display: flex;
            width: 100%;
            flex-wrap: nowrap;

            .intro {
                flex-grow: 1;
                max-width: 50rem;
                max-width: min(100%, 50rem);
            }
        }
    }

    > .content {
        margin: 2em auto;
        padding: 0 2em;

        > .primary {
            background-color: white;
            padding: 2em 0;
            box-shadow: 0 4px 4px rgba(0,0,0,0.15);
            margin-bottom: 2rem;

            > .field,
            > .attachments {
                padding-left: 2rem;
                padding-right: 2rem;
                margin-bottom: 1rem;

                .field__label {
                    font-size: 1.25rem;
                    line-height: inherit;
                    color: var(--primaryDark);
                }
            }
            
        }
    }

    @media screen and (min-width: 60em) {
        > .content {
            max-width: 85em;
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            width: 100%;

            > .primary {
                max-width:  60em;
                max-width: min(100%, 60em);
                margin-right: 2em;
                margin-bottom: 0;
                padding: 2em;
                width: 100%;
            }
        }
    }

    .node-links {
        padding: 1rem 2rem;
    }

}