.sa-hero-section {
    color: var(--white);
    background-color: var(--pro-cyan);
    position: relative;
    padding-top: 2rem;
    padding-bottom: 4rem;
    width: 100%;
    height: auto;
    text-align: center;
}

.sa-left {
    text-align: left;
}

.sa-hero-section h1 {
    color: var(--white);
}

.sa-left h1 {
    margin-left: 17.8%;
}

.sa-hero-text {
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.sa-hero-blurb {
    width: 65%;
    position: relative;
    left: 50%;
    padding: 0.5rem;
    transform: translateX(-50%);
}

@media only screen and (max-width: 600px) {
    .sa-hero-section {
        padding: 1rem;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .sa-hero-text {
        width: 95%;
    }

    .sa-hero-blurb {
        width: 95%;
    }

    .sa-left {
        text-align: center;
    }

        .sa-left h1 {
            margin-left: 0;
        }
}

/*Legacy*/
.sa-hero-image {
    width: 100%;
    min-width: 1024px;
    height: auto;
}

.sa-center {
    margin: auto;
}

.sa-hero-title {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sa-hero-content {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}