#intro,
.intro {
    padding-bottom: 20px;
    padding-top: 80px;
}

#history-intro {
    padding: 60px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#history-intro h3 {
    color: #000000;
    font-weight: 600;
}

#history-intro p {
    color: #000000;
    font-weight: 400;
}

.history-text-wrapper {
    padding: 0;
}

.founder-text {
    position: absolute;
    bottom: 0;
    right: 0;
}

.founder-text p {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 400;
    text-align: right;
}

.founder-text p strong {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

#intro a,
.intro a,
.after-alumni a {
    color: #a5c30d;
}

#intro a:hover,
#intro a:focus,
.intro a:hover,
.intro a:focus,
.after-alumni a:hover,
.after-alumni a:focus {
    color: #c6e331;
}

.after-alumni {
    padding: 30px 0;
}

.link-karen {
    color: #0d3b33;
    font-weight: bold;
}

.link-karen:hover {
    color: #fff;
}

#banner:after {
    content: "";
    background-image: url("/wp-content/uploads/2021/02/white-dots.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

#banner h2 {
    font-weight: 400;
}


@media (max-width: 767.8px) {
    .history-text-wrapper {
        padding: 0 15px;
    }

    .founder-text {
        position: relative;
    }

    #history-intro {
        padding: 20px 0;
    }
}