site/_src/_assets/styles/_page-enterprise.scss

//
// Page: enterprise
// ---
// bigchaindb.com
//
.page-enterprise {
    .feature {
        display: block;
    }

    .feature__icon {
        margin-top: 0;
        margin-bottom: $spacer / 3;
        width: 2rem;
        height: 2rem;
    }
}

.hero--enterprise {
    background-image: none;

    &,
    .section-title,
    .section-description {
        text-align: left;
    }

    .section-description {
        margin-bottom: $spacer * 2;
    }

    .hero__content {
        margin-top: $spacer * 6;
        margin-bottom: $spacer * 6;
    }

    @media ($screen-md) {
        height: auto;

        .section-title,
        .section-description {
            max-width: 66%;
            margin-left: 0;
        }
    }

    .btn {
        @extend .btn-secondary;
        min-width: 240px;

        &:first-of-type {
            @extend .btn-primary;
            margin-right: $spacer;
        }
    }
}

.section--enterpriseintro {
    .testimonial {
        @extend .large;
        margin: $spacer * 4 auto;

        @media ($screen-sm) {
            max-width: 66%;
        }
    }

    .testimonial__quote {
        &:before {
            margin-left: -1.3rem;
        }
    }

    .btn {
        margin-top: $spacer * 2;
    }
}

.section--enterprisesupport {
    .actions {
        @extend .text-center;
        margin-top: $spacer * 3;
        padding-top: $spacer * 2;
        border-top: 1px solid rgba(0,0,0,.1);
    }
}

.form--enterprise {
    .grid {
        @media ($screen-sm) {
            justify-content: space-between;
        }
    }
    .grid__col {
        @media ($screen-sm) {
            flex-basis: 48%;
        }
    }
}