.bg-header {
    background-color: rgba(158,198,184,.2);
    padding: 1em;
    position: absolute;
    height: 400px;
    width: 100%;
    display: block;
    z-index: -100;
}

.about-header h3 {
    color: var(--btn-color);
    font-size: 32px;
    text-transform: uppercase;
}


.about-header h2 {
    color: var(--btn-color);
    font-size: 2.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 72%;
    margin:0 auto;
}

.about-header p, .about-body2 p {
    color: #000;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.58em;
    letter-spacing: 1.1px;
    width: 100%;
}

.about-body h4 {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 1.4rem;
}

.btn-primary-link {
    border-radius: 3px !important;
}

@media(max-width: 768px) {
    .about-body h4 {
        font-size: 1.2rem;
    }

    .about-header h2, .about-body2 h2 {
        font-size: 1.7rem;
        width: 100%;
    }

    .bg-header{
        height: 250px;
    }
}