body {
    background-color: #1B1C1E;
}

.hist-sub-title {
    color:  rgb(250, 250, 250);
    padding-left: 5em;
    padding-bottom: 1.5em;
}

.hist-sub-title h1 {
    font-size: 2.5em;
    padding-top: 2.5em;
    padding-bottom: 0.5em;
}

.hist-sub-grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1em;
    padding-left: 5em;
    padding-right: 5em;
}

.hist-sub-text {
    background-color: rgb(250, 250, 250);
    border: solid;
    border-radius: 8px;
    width: 20vw;
    padding: 1em;
}

.hist-sub-text h1 {
    padding-bottom: 0.75em;
    font-size: 1.5em;
}

.hist-sub-photo img {
    width: 100%;

    object-fit: cover;
    overflow: hidden;
}

@media screen and (max-width: 1000px) {
    .hist-sub-grid {
        grid-template-columns: auto;
    }

    .hist-sub-text {
        width: auto;
    }

}