/* value */

.value-image1{
    float:right;
    width:40%;
    margin:0 0 50px 50px;
}

.value-image2{
    float:left;
    width:40%;
    margin:0 50px 50px 0;
}

.representative{
    align-items: center;
}

.representative h2{
    width:40%;
    margin-right:50px;
    text-align:center;
}

.representative h3{
    font-size:1rem;
    border:1px solid #ccc;
    display: inline-block;
    padding:3px 8px;
}

.name{
    font-size:1.5rem;
    margin-bottom:1rem;
}

/* resposive */
@media screen and ( max-width:800px )
{

.value-image1, .value-image2{
    float:none;
    width:100%;
    margin:0 0 30px;
}

.representative h2{
    width:100%;
    margin-right:0;
    text-align:left;
}

.representative h3{
    font-size:1rem;
}

.name{
    font-size:1.2rem;
    margin-bottom:1rem;
}


}