.twoColumn .g-container {
    position: relative;
}

@media (max-width: 108em) {
    .twoColumn--hasBlob .subsection--left {
        position: relative;
        top: -3em;
        z-index: 10000; /** Over blob */
        color: #fff;
        font-weight: 700;
        text-shadow: 1px 1px 1px #9e3f55;
    }
}

.twoColumn--bg {
    padding-bottom: 3em;
    background: #F6F6F6;
}

@media screen and (min-width: 768px) {
    .twoColumn {
        padding-top: 2em;
    }

    .twoColumn--hasBlob {
        padding-top: 90px;
    }
}

.twoColumn--blob {
    display: none;
}

.twoColumn__title span {
    position: relative;
}

.twoColumn__title--small {
    padding: 0 0 1em;
}

.twoColumn__title--underline {
    background: url('../../image/circles.svg') repeat 0 12px;
    background-size: 15px 28px;
}

@media (min-width: 32rem) {
    .twoColumn__title--underline {
        background-size: 15px 36px;
        background-position: 0 16px;
    }
}

.twoColumn__title em {
    font-family: 'Signature';
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.4;
    margin-right: 0.2em;
}

/**
 * Navigation list
 */

.twoColumn__nav {
    position: relative;
    z-index: 2;
}

.twoColumn__navTitle {
    display: block;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: .6rem;
    line-height: 2.5;
    letter-spacing: 2px;
    color: #767676;
    }

.twoColumn__navItem {
    border-bottom: 1px dashed hsla(0, 0%, 65%, .85);
}

.twoColumn__navLink {
    display: block;
    padding: 1em 0;
    font-size: .85rem;
    line-height: 1.15;
    color: var(--primaryColor);
}

.twoColumn__navLink::before {
    display: inline-block;
    content: '\2192';
    margin-right: .8em;
    font-family: 'icons';
    font-size: .8em;
    opacity: 0;
}

.twoColumn__navLinkText {
    display: inline-block;
    max-width: calc(100% - 30px);
    vertical-align: middle;
}

.twoColumn__navLink::before,
.twoColumn__navLinkText {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    transition: all .3s cubic-bezier(.25, .46, .45, .94);
}

.twoColumn__navLink:hover:before,
.twoColumn__navLink:hover .twoColumn__navLinkText {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (min-width: 768px) {
    .twoColumn {
        padding-bottom: 90px;
    }

    .twoColumn__title {
        position: relative;
        z-index: 1;
        max-width: 14em;
        padding-top: 0;
        font-size: 5rem;
        line-height: .9;
        letter-spacing: -2px;
        pointer-events: none;
    }

    @media screen and (min-width: 768px) {
        .twoColumn--hasBlob .twoColumn__title {
            margin-bottom: 90px;
        }
    }

    .twoColumn__title--small {
        font-size: 2rem;
    }

    .twoColumn__title--underline {
        line-height: 1.47;
        background-size: 15px 1.55em;
        background-position: 0 22px;
    }

    .twoColumn__blob {
        position: absolute;
        display: block;
    }

    .twoColumn__blob--200 {
        top: -100px;
    }

    .twoColumn__blob--400 {
        top: -200px;
    }

    .twoColumn__blob--800 {
        top: -400px;
    }

    .twoColumn__blob--right.twoColumn__blob--200 {
        right: 60px
    }

    .twoColumn__blob--left.twoColumn__blob--200 {
        left: 60px;
    }

    .twoColumn__blob--right.twoColumn__blob--400 {
        right: -100px;
    }

    .twoColumn__blob--left.twoColumn__blob--400 {
        left: -100px
    }

    .twoColumn__blob--right.twoColumn__blob--800 {
        right: -500px;
    }

    .twoColumn__blob--left.twoColumn__blob--800 {
        left: -500px;
    }
}

@media screen and (min-width: 1150px) {
    .twoColumn__content--hasNav {
        margin-left: 100px;
        padding-right: 1em;
    }

    .twoColumn__textContainer,
    .twoColumn__link {
        margin: 0 100px 2em;
    }

    .twoColumn__content--right.twoColumn__content--hasNav .twoColumn__textContainer,
    .twoColumn__content--right.twoColumn__content--hasNav .twoColumn__link {
        margin-right: 0;
    }

    .twoColumn__content--left.twoColumn__content--hasNav .twoColumn__textContainer,
    .twoColumn__content--left.twoColumn__content--hasNav .twoColumn__link {
        margin-left: 0;
    }

    .twoColumn__nav {
        width: calc(40% - 1em);
        margin-top: 2.9rem;
        padding-right: 6em;
    }

    .twoColumn__nav--right {
        order: -1
    }

    .twoColumn__title--right {
        text-align: right;
        margin-right: 100px;
        margin-left: auto;
    }

    .twoColumn__content {
        font-size: .9em;
        /* margin-left: 100px; */
    }

    .twoColumn__textContainer--col {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
        column-gap: 60px;
    }
}
