.section-difference {
    @extend .background--gray;
}

.difference {
    display: flex;
    align-items: center;
    padding: ($spacer * 2) 0;

    &:first-of-type { padding-top: 0; }
}

.difference__icon {
    flex: 0 0 15%;
    margin-right: 5%;
}

.difference__text {
    flex: 0 0 80%;

    .section-difference & { color: #fff; }
}


.section-timeline {
    position: relative;

    // background
    background: url('../img/photo1.jpg') no-repeat center top;
    background-size: cover;

    // color overlay
    &:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
        opacity: .7;
        z-index: 0;
    }

    .row { z-index: 1 }

    .section-title,
    .section-description,
    .timeline {
        color: #fff;
    }

    .timeline {

    }
}