.section {
    position: relative;
    width: 100%;
}

.section__title {
    @extend .h3;
}

.section--style-a {
    float: left;
    margin-top: 50px;

    &:first-child {
        margin-top: 0;
    }

    .section__block--a {
        margin-bottom: 50px;
    }

	@include breakpoint($md) {
        width: 100%;
        margin-bottom: 5%;

        + .section--style-a {
            margin-top: -11.5%
        }

        .section__block--a {
            @include span(3);
            padding-top: 7vw;
            margin-bottom: 0;
        }

        .section__block--b {
            @include span(9);
            @include last()
        }
    }

    @include breakpoint($xl) {
        .section__block--a {
            padding-top: 100px;
        }
    }
}