.responsive-table {
    margin: 0;
    max-width: 100%;
    overflow-x: auto
}

@media only screen and (min-width:800px) {
    .responsive-table {
        width: 40%
    }
}

.hs-hero {
    background-position: 50%;
    background-size: cover;
    padding: 0;
    position: relative
}

.hs-hero.parallax {
    background-attachment: fixed;
    background-size: 100% auto
}

@media only screen and (min-width:401px) {
    .hs-hero {
        padding-left: 2em;
        padding-right: 2em
    }
}

.hs-hero:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0
}

.hs-hero__content {
    padding: 0 1em;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:401px) {
    .hs-hero__content {
        padding: 0 10%
    }
}

.hs-hero__content--center {
    text-align: center
}

.hs-hero__content--right {
    text-align: right
}

.hs-hero__content--left {
    text-align: left
}