.feature {
    display: flex;
    margin-bottom: $spacer;

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

.feature__icon {
    flex: 0 0 15%;
    margin-right: 5%;
    margin-top: 2px;
    margin-bottom: 0;
    width: 3rem;
    height: 3rem;
}

.feature__detail {
    flex: 0 0 80%;
}

.feature__title {
    @extend .h5;
    color: $brand-main-blue-light;
    margin-top: 0;
    margin-bottom: ($spacer / 3);
}

.feature__text {
    p {
        margin-bottom: 0;
    }
}

.feture_roadmap {
    padding: 1rem 0 0;
}

.feature__title__comingsoon {
    @extend .small;
    font-family: $headings-font-family;
    color: $gray-light;
    background: $gray-dark;

    display: inline-block;
    margin-left: ($spacer / 2);
    padding: ($spacer / 4) ($spacer / 2);
    border-radius: 2px;
    vertical-align: middle;
}

.stacks__title {
    font-size: $font-size-h3;
}

.stacks__image {
    figcaption { margin: $spacer 0; }
}

.section-usecases {
    .grid {
        // manually center last column
        .grid__col:last-child {
            margin: auto;
        }
    }
}

.table--comparison {
    td {
        text-align: center;
    }

    tbody td:first-child {
        text-align: left;
    }

    .icon-check {
        width: 1rem;
        height: 1rem;
        margin: auto;
        display: block;
        stroke-width: 3;
        stroke: #fff;
    }

    a {
        display: inline-block;
        box-shadow: none;

        .icon-check {
            stroke: $brand-primary;
        }
    }
}