.top-pictures-row {
    text-align: center;
    align-items: center;
}

    .top-pictures-row img {
        max-width: 100%;
    }

.banner-right {
    width: 90%;
    padding: 25px;
    max-width: 1200px;
    min-width: 75vw;
}

.banner-section {
    padding-bottom: 0;
    margin: 50px 0 0 0;
}

.timeline-section {
    padding-top: 0;
}

.left-half {
    border-right: 2px solid #007932;
    padding: 50px 0;
}

.right-half {
    padding: 50px 0;
}

.history-row {
    height: 100%;
}

.history-story {
    display: block;
    justify-content: center;
    align-items: center;
}

.history-year-left {
    justify-content: flex-end;
}

.history-year-right {
    text-align: left;
    padding: 0;
}

.year {
    padding: 0 20px;
}

.picture-half-right {
    float: right;
    text-align: center;
}

.picture-half-left {
    float: left;
    text-align: center;
}

.picture {
    max-width: 80%;
}

.picture-row {
    height: 100%;
}

.vert-align {
    display: flex;
    align-items: center;
}

.dot {
    height: 24px;
    width: 24px;
    background-color: #007932;
    border-radius: 50%;
    display: inline-block;
    margin-right: -4px;
}

.dot-col-left {
    padding: 0 !important;
}

.dot-col-right {
    padding: 0 2px 0 0 !important;
    text-align: right;
}



@media (max-width: 992px) {
    .history-entry {
        border-bottom: 2px solid #007932;
    }

    .history-year-left {
        justify-content: center;
    }

    .history-year-right {
        padding-top: 58px;
        justify-content: center;
    }

    .banner-right {
        width: 100%;
    }
    .left-half {
        border: none;
    }

    .dot {
        display: none;
    }

    .vert-align {
        text-align: center;
    }

    .picture-half {
        padding-bottom: 0;
    }

    .image-container {
        margin: 25px 0;
    }
}