@media screen and (max-width: 999px) {

section {
    padding-left: 15px;
    padding-right: 15px;
}

/* Toggle */
    .toggle {
        position: absolute;
        z-index: 999;
        left: 15px;
        top: 5px;
        transform: scale(.8);
    }
    .open .toggle {
        transform: scale(.8);
    }

/* Navigation */
    nav .divider {
        width: 5px;
    }
    .toggle div {
        height: 5px;
    }
    /* .primary-wrapper nav li a {
        margin-left: 20px;
        font-size: var(--spark-font-md);
        color: rgba(var(--spark-colour-five),1);
        font-weight: 800;
        font-size: 1.6rem;
        letter-spacing: 1px;
        display: block;
        text-transform: uppercase;
        transition: var(--spark-transition-fast);
    }
    .primary-wrapper nav li a:hover,
    .primary-wrapper nav li a.active {
        color: rgba(var(--spark-colour-four),1);
    }
    .primary-wrapper nav li a:after {
        position: absolute;
        content: " ";
        width: 100%;
        height: 6px;
        background: rgba(var(--spark-colour-four),1);
        left: 0;
        bottom: -20px;
        border-radius: 3px;
        opacity: 0;
        transition: var(--spark-transition-fast);
        pointer-events: none;
    }
    .primary-wrapper nav li a:hover:after,
    .primary-wrapper nav li a.active:after {
        bottom: -5px;
        opacity: 1;
    }
 */

    .navigation .primary-wrapper nav {
        display: flex;
        align-items: center;
        position: fixed;
        z-index: 100;
        top: 0;
        left: -100%;
        background: rgba(var(--spark-colour-four));
        transition: var(--spark-transition);
        pointer-events: none;
        padding: 60px 30px 30px 30px;
        height: 100vh;
        width: 100vw;
    }
    .open .navigation .primary-wrapper nav  {
        left: 0;
        pointer-events: inherit;
    }
    .navigation .primary-wrapper nav .nav {
        display: block;
        width: 100%;
    }
    .navigation .primary-wrapper nav li {
        margin: 0 0 5px 0;
    }
    .navigation .primary-wrapper nav li a {
        display: block;
        font-size: var(--spark-font-xl);
        font-weight: bold;
        text-align: center;
        color: rgba(var(--spark-colour-black));
        margin: 10px 0;
    }
    .navigation .primary-wrapper nav li a:hover {
        color: rgba(var(--spark-colour-black));
    }


    /* Secondary */
    .secondary-wrapper nav {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        font-size: var(--spark-font-sm);
    }
    .secondary-wrapper nav li a {
        font-weight: bold;
        padding: 5px 0px;
    }
    .secondary-wrapper nav .social li {
        margin-right: 15px;
        font-size: var(--spark-font-lg);
    }


/* Header */
    header {
        height: 200px;
        width: 100%;
    }
    header .secondary-wrapper {
        background: linear-gradient(90deg, rgba(var(--spark-colour-two),0) 0%, rgba(var(--spark-colour-two),1) 100%);
        margin-bottom: 30px;
    }
    header .primary-wrapper .col {
        display: flex;
        align-items: center;    
    }
    header .branding {
        width: 100%;
    }
    header .brand {
        width: 180px;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto;
        position: absolute; 
        z-index: 200;      
    }
    header .brand svg {
        width: 100%;
    }
    header .brand svg .brandColor {
        transition: var(--spark-transition);
    }
    .open header .brand svg .brandColor {
        fill: rgba(var(--spark-colour-white),1);
    }

/* Hero */
    .hero {
        height: 85vh;
        min-height: 600px;
        max-height: 1200px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0;
        position: relative;
        overflow: hidden;
        margin-left: -15px;
        margin-right: -15px;
    }
    .not-home .hero {
        height: 55vh;
        margin-left: 0;
        margin-right: 0;
    }
    .hero .caption {
        width: 80vw;
        max-width: 1200px;
    }
    .hero .caption .lead {
        font-size: 2.6rem;
        font-weight: lighter;
    }
    .hero .caption ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    .hero .caption li {
        margin: 0;
        padding: 0;
    }
    .hero .caption li a {
        display: block;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 15px;
        text-decoration: none;
    }
    .hero .asset,
    .hero .asset img,
    .hero .asset video {
        object-fit: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

/* Video */
    .videoEntry {
        grid-template-columns: repeat(2,1fr);
    }

/* People */
    /* Tiles */
    .people.tiles {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .people.tiles.with-bio {
        display: block;
    }
    /* All */
    .people.list .person,
    .people.tiles.with-bio .person {
        margin-bottom: 30px;
    }
    .people.list.with-bio .person .caption .personJobTitle,
    .people.tiles.with-bio .person .caption .personJobTitle {
        font-size: var(--spark-font-sm);
    }

/* Boxes */
    .box-dark-h {
        grid-template-columns: repeat(2,1fr);
    }

/* Table */
    .table-wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    table {
        font-size: var(--spark-font-sm);
    }

/* Hex */
    .hex:after {
        bottom: -80px;
        height: 150px;
        width: 150px;    
    }

/* Icon Text Combos */
    .icon-text-h > .container > .row > div[class*='col']{
        /* display: flex; */
        /* align-items: center; */
        margin-top: 30px;
        margin-bottom: 60px;
        text-align: center;

    }
    .icon-text-h .image {
        width: 25%;
        margin-left: auto;
        margin-right: auto;
    }
    .icon-text-h .image img {
        margin-bottom: 15px;
    }
    .icon-text-h .text {
        width: 100%;
    }

/* Marketing Page */

.marketing-image {
display: none;
}

.molecules-section {
    display: none;
}

.col-md-12.col-12.nothing.offset-md-0 {
    display: flex;
    flex-direction: column;
}

.marketing-page__row-three-hex {
    min-height: 500px;
    margin: 10px 0 10px 0;
    background-image: url(../assets-images/Path-500.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    overflow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-blue {
    border: 1px solid black;
    background-color: #B5E6EA;
    width: 80%;
    margin: 30px auto;
}

.col-md-5.col-12.nothing.offset-md-0 {
    max-width: 546px;
}

.marketing-cards .image {
    display: flex;
    justify-content: center;
}

section.marketing-page__hero-row:nth-child(6) {
    display: none;
}

.marketing-cards .col-md-12.col-12.nothing.offset-md-0 p:nth-child(1) {
    font-size: 3rem;
}

.marketing-cards .col-md-12.col-12.nothing.offset-md-0 p:nth-child(2) {
    font-size: 2.5rem;
    font-weight: bolder;
    line-height: 1;
}

.marketing-cards .col-md-12.col-12.nothing.offset-md-0 p:nth-child(3) {
    font-size: 1.3rem;
    font-weight: bolder;
    margin: 0 0 10px 0;
}

/* Footer */
    footer {
        padding-bottom: 60px;
    }
    footer .right {
        text-align: center;
        margin-top: 30px;
    }
    footer .copyright {
        text-align: center;
    }
    footer .right .social {
        justify-content: center;
    }
    .marketing-page__hero-row {
        margin: 25pxs 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .marketing-mailing-list img {
      display: none;
    }
    .marketing-page__hero-image .image.block:nth-child(4) {
        position: absolute;
        z-index: 3;
        bottom: 0px;
        right: 0px;
        max-width: 200px;
        opacity: 0.5 !important;
    }

    .marketing-page__hero-image-two .image.block:nth-child(2) {
        position: absolute;
        z-index: 3;
        bottom: 5px;
        right: 0px;
        left: -5px;
        max-width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .marketing-page__hero-row-two .row.align-items-start.justify-content-start
{
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column-reverse;
}

.col-md-7.col-12.marketing-page__hero-image.offset-md-0 {
    margin: 70px 0 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.marketing-page__hero-image .image.block:nth-child(2) {
    position: absolute;
    z-index: 1;
    top: -50px;
    left: 0px;
    right: 0;
    max-width: 546px;
}

.marketing-page__hero-image .image.block:nth-child(3) {
    position: absolute;
    z-index: 2;
    top: -55px;
    left: 70px;
    right: 0;
    max-width: 546px;
}

.marketing-page__hero-row {
    margin: 25px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marketing-page__row-three-hex {
    min-height: 400px;
    margin: 10px 0 20px 0;
    background-image: url(../assets-images/Path-500.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    overflow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.marketing-page__hero-image .image.block:nth-child(4) {
 display: none;
}

.marketing-page__hero-image-two .image.block:nth-child(2) {
display: none;
}
}