/*HEADLINE*/
.headline{
    text-align:center;
    padding:40px;
    font-size:36px;
}
/*CONTENT*/

.history_content{
    margin-left:auto;
    margin-right:auto;
    width: 90%;
    padding: 10px;
    float:center;
    font-family: "Playpen Sans", cursive;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}


.row{
    display:flex;
    padding-top:70px;
    flex-direction: row;
}


.description_text{
    padding:50px;
    font-size:36px;
}
.image_history img{
    width:800px;
    height: 500px;
}






/*RESPONSIVE*/

@media (max-width: 1600px){
    .image_history img{
        width:400px;
        height: 300px;
    }
}
@media (max-width: 1200px){
    .history_content{
        margin: solid;
        width: 90%;
        padding: 0px;
        font-size:28px;
    }
    .headline{
        text-align:center;
        padding:40px;
        font-size:24px;
    }
    .image_history img{
        width:100%;
        height:auto;
        
        display: block;
        margin-left: auto;
        margin-right: auto;



    }
    
    .description_text{
        padding:50px;
        text-align:center
    }
    .row{
        
        flex-direction: column;
    }
    #row2 :nth-child(2) { order: 1; }
    #row2 :nth-child(1) { order: 2; }

    #row4 :nth-child(2) { order: 1; }
    #row4 :nth-child(1) { order: 2; }

}