.history-1, .history-2 {
    width: auto;
    display: flex;
    margin-top: 50px;
}

.history-1 div, .history-2 div {
    width: 40%;
    padding: 10%;
}

.history-1 div.right, .history-2 div.left {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.history-1 p, .history-2 p {
    margin-bottom: 20px;
    line-height: 150%;
}

.history-1 span, .history-2 span {
    font-size: 35px;
    font-weight: bold;
    margin-right: 15px;
    color: #000
}

@media screen and (max-width: 1100px) {

    .history-1, .history-2 {
        width: auto;
        display: flex;
        margin-top: 0px;
    }
    

    .history-1 div, .history-2 div {
        width: 100%;
        padding: 10% 20% 10% 20%;
    }

    .history-1 div.right, .history-2 div.left {
        display: none;
    }

    .history-1 div.left, .history-2 div.right {
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,.30);
    }

    .history-1 .l1 { background-image: url('images/1965.jpg'); }
    .history-2 .l2 { background-image: url('images/1972.jpg'); }
    .history-1 .l3 { background-image: url('images/1977.jpg'); }
    .history-2 .l4 { background-image: url('images/2008.jpg'); }
    .history-1 .l5 { background-image: url('images/2024.jpg'); }
    
    .history-1 span, .history-2 span {
        font-size: 35px;
        font-weight: bold;
        margin-right: 15px;
        color: #FFF;
    }

    .history-1 p, .history-2 p {
        color: #FFF;
    }

}