.history{
    font-family:'Roboto';
    font-weight:400;
    padding-bottom:40vw;
}
.history-title{
    font-size:3vw;
    text-align:center;
    margin:3vw auto;
    font-weight:bold;
}
.history p{
    font-size:1.6vw;
    text-align:justify;
    float:left;
    border:none;
}
.present{
    margin:17vw auto 0;
    width:92%;
}
.picture{
    width:48%;
    height:30vw;
    border:3px solid black;
    border-radius:10px;
    padding:10px;
    text-align: center;
    font-size:2vw;
    background-color: rgb(252, 251, 205);
    line-height: 3.5vw;
    float:left;
    margin:0.5vw;
}
.picture img{
    width:100%;
    height:80%;
}

@media screen and (max-width:800px)
{
    .history-title{
        margin:10vw auto 2vw;
        font-size:6vw;
    }
    .history p{
        width:100%;
        font-size:4vw;
        font-weight:400;
        text-align:left;
        padding:4vw;
    }
    .picture{
        float:left;
        width:100%;
        height:70vw;
        display:block;
        font-size:4vw;
        line-height:8vw;
        margin-bottom:10vw;
    }
}