.about {
    margin-top: 200px;
}

@media screen and (min-width: 768px) {
    .about {
        margin-top: 18vh;
    }
}

.about .left-side-info div, 
.about .right-side-info div {
    display: inline-block;
    width: 100%;
    padding: 1em;
    vertical-align: middle;
    color: #000;
}

.about .left-side-info div.image,
.about .right-side-info div.image {
    display: none;
}

@media screen and (min-width: 768px) {
    .about .left-side-info div, 
    .about .right-side-info div {
        display: inline-block;
        width: 49%;
        padding: 1em;
        vertical-align: middle;
    }
    
    .about .left-side-info div.image,
    .about .right-side-info div.image {
        display: inline-block;
        padding: 3em;
    }

    .about .left-side-info .image img,
    .about .right-side-info .image img {
        max-width: 100%;
    }
}

.about ul li,
.about ol li {
    line-height: 2;
}