.container--office {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0
}


.office__grid {
    width: 1140px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 18.75rem 1.5rem 1fr;
    grid-template-rows: 18.75rem 1.5rem 1fr;
    -ms-grid-columns: 16.25rem 2rem 1fr 1rem 22rem;
    grid-template-columns: 16.25rem 2rem 1fr 1rem 22rem;
    height: 100%
}

@media (max-width: 1199px) {
    .office__grid {
        width: 940px
    }
}

@media (max-width: 990px) {
    .office__grid {
        width: 720px
    }
}

@media (max-width: 767px) {
    .office__grid {
        width: 100%;
        padding: 0 1rem
    }
}

@media (max-width: 1199px) {
    .office__grid {
        -ms-grid-columns: 13.25rem 2rem 1fr 1rem 17.85rem;
        grid-template-columns: 13.25rem 2rem 1fr 1rem 17.85rem
    }
}

@media (max-width: 990px) {
    .office__grid {
        -ms-grid-rows: 21.875rem 1.5rem 1fr;
        grid-template-rows: 21.875rem 1.5rem 1fr;
        -ms-grid-columns: 9.85rem 2rem 1fr 1rem 17.85rem;
        grid-template-columns: 9.85rem 2rem 1fr 1rem 17.85rem
    }
}

@media (max-width: 767px) {
    .office__grid {
        -ms-grid-rows: 18.75rem 1rem 18.75rem 1.5rem auto 1.5rem 1fr;
        grid-template-rows: 18.75rem 1rem 18.75rem 1.5rem auto 1.5rem 1fr;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.office__hero {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem;
    text-decoration: none !important;
    font-weight: 400 !important
}

    .office__hero h2 {
        color: white;
        background: black;
        padding: 0.6rem;
        margin: 0;
        font-size: 1.625rem
    }

    .office__hero p {
        color: white;
        background: #8e6f3e;
        padding: 0.6rem;
        margin: 0;
        line-height: 1.125;
        max-width: 100%
    }

@media (max-width: 767px) {
    .office__hero {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

.office__tabs {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 5/6;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .office__tabs {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

.office__tabs__header {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0
}

    .office__tabs__header li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        text-align: center
    }

        .office__tabs__header li:not(:first-child) {
            border-left: solid 1px #fff
        }

        .office__tabs__header li a {
            text-decoration: none !important;
            display: block;
            width: 100%;
            padding: 0.625rem 0;
            background-color: #555960;
            color: #fff
        }

            .office__tabs__header li a:hover {
                background-color: #000
            }

        .office__tabs__header li .active {
            background-color: #000
        }

.office__tabs__content {
    overflow-y: scroll;
    padding: 1rem;
    display: none;
    height: 100%;
    opacity: 0;
    background-color: #eee;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    font-size: 0.9rem
}

    .office__tabs__content h2:first-child, .office__tabs__content h3:first-child, .office__tabs__content h4:first-child, .office__tabs__content h5:first-child, .office__tabs__content h6:first-child {
        margin-top: 0
    }

@media (max-width: 767px) {
    .office__tabs__content {
        font-size: 1rem
    }
}

.office__tabs__content ul.rss-items {
    padding-left: 1.25rem
}

.office__tabs .fadeIn {
    opacity: 1;
    display: block
}

.office__tiles {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 5/6;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1rem 1fr;
    grid-template-rows: 1fr 1rem 1fr;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1rem 1fr
}

@media (max-width: 990px) {
    .office__tiles {
        -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
        grid-template-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media (max-width: 767px) {
    .office__tiles {
        -ms-grid-rows: 1fr 1rem 1fr;
        grid-template-rows: 1fr 1rem 1fr;
        -ms-grid-columns: 1fr 1rem 1fr;
        grid-template-columns: 1fr 1rem 1fr;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

.office__tiles--2 #office-tile-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4
}

@media (max-width: 990px) {
    .office__tiles--2 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

@media (max-width: 767px) {
    .office__tiles--2 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4
    }
}

.office__tiles--2 #office-tile-2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4
}

@media (max-width: 990px) {
    .office__tiles--2 #office-tile-2 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 3;
        grid-row: 5/8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

@media (max-width: 767px) {
    .office__tiles--2 #office-tile-2 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4
    }
}

@media (max-width: 990px) {
    .office__tiles--3 {
        -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr;
        grid-template-rows: 1fr 1rem 1fr 1rem 1fr
    }
}

@media (max-width: 767px) {
    .office__tiles--3 {
        -ms-grid-rows: 1fr 1rem 1fr;
        grid-template-rows: 1fr 1rem 1fr
    }
}

.office__tiles--3 #office-tile-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

@media (max-width: 990px) {
    .office__tiles--3 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

@media (max-width: 767px) {
    .office__tiles--3 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

.office__tiles--3 #office-tile-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4
}

@media (max-width: 990px) {
    .office__tiles--3 #office-tile-2 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

@media (max-width: 767px) {
    .office__tiles--3 #office-tile-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4
    }
}

.office__tiles--3 #office-tile-3 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4
}

@media (max-width: 990px) {
    .office__tiles--3 #office-tile-3 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

@media (max-width: 767px) {
    .office__tiles--3 #office-tile-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4
    }
}

.office__tiles--4 #office-tile-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

@media (max-width: 990px) {
    .office__tiles--4 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .office__tiles--4 #office-tile-1 svg, .office__tiles--4 #office-tile-1 img {
            margin: 0 0.5rem 0 0
        }
}

@media (max-width: 767px) {
    .office__tiles--4 #office-tile-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .office__tiles--4 #office-tile-1 svg, .office__tiles--4 #office-tile-1 img {
            margin: 0 0 0.5rem 0
        }
}

.office__tiles--4 #office-tile-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4
}

@media (max-width: 990px) {
    .office__tiles--4 #office-tile-2 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .office__tiles--4 #office-tile-2 svg, .office__tiles--4 #office-tile-2 img {
            margin: 0 0.5rem 0 0
        }
}

@media (max-width: 767px) {
    .office__tiles--4 #office-tile-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .office__tiles--4 #office-tile-2 svg, .office__tiles--4 #office-tile-2 img {
            margin: 0 0 0.5rem 0
        }
}

.office__tiles--4 #office-tile-3 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

@media (max-width: 990px) {
    .office__tiles--4 #office-tile-3 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .office__tiles--4 #office-tile-3 svg, .office__tiles--4 #office-tile-3 img {
            margin: 0 0.5rem 0 0
        }
}

@media (max-width: 767px) {
    .office__tiles--4 #office-tile-3 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .office__tiles--4 #office-tile-3 svg, .office__tiles--4 #office-tile-3 img {
            margin: 0 0 0.5rem 0
        }
}

.office__tiles--4 #office-tile-4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4
}

@media (max-width: 990px) {
    .office__tiles--4 #office-tile-4 {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-row: 7/8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .office__tiles--4 #office-tile-4 svg, .office__tiles--4 #office-tile-4 img {
            margin: 0 0.5rem 0 0
        }
}

@media (max-width: 767px) {
    .office__tiles--4 #office-tile-4 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .office__tiles--4 #office-tile-4 svg, .office__tiles--4 #office-tile-4 img {
            margin: 0 0 0.5rem 0
        }
}

.office__tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 1.25rem;
    background-color: black;
    color: white !important;
    text-decoration: none !important;
    font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
    font-weight: 400 !important;
    font-size: 1.35rem
}

    .office__tile svg {
        margin-bottom: 0.5rem;
        font-size: 2rem
    }

    .office__tile img {
        margin-bottom: 0.5rem;
        height: 32px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

.office__tile--campusGold svg, .office__tile--campusGold img {
    color: #cfb991
}

.office__tile--coalGray svg, .office__tile--coalGray img {
    color: #daaa00
}

.office__tile--moonDustGray svg, .office__tile--moonDustGray img {
    color: #ddb945
}

.office__tile--everTrueBlue svg, .office__tile--everTrueBlue img {
    color: #ebd99f
}

.office__tile--ameliaSkyBlue svg, .office__tile--ameliaSkyBlue img {
    color: #6f727b
}

.office__tile--landGrantGreen svg, .office__tile--landGrantGreen img {
    color: #9d9795
}

.office__tile--rossAdeGreen svg, .office__tile--rossAdeGreen img {
    color: #c4bfc0
}

.office__feature-buttons {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
}

    .office__feature-buttons a:first-child {
        margin-top: 0
    }

    .office__feature-buttons a:last-child {
        margin-bottom: 0
    }

@media (max-width: 767px) {
    .office__feature-buttons {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-row: 7/8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}

.office__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3/6
}

    .office__content h1 {
        margin: 0 0 1rem;
        font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif
    }

@media (max-width: 767px) {
    .office__content {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
}