.member-name {
    padding: 10px 0;
}

.member-role {
    padding: 1px 0;
}

.member-desc {
    padding: 10px 0;
}

.member-image {
    width: 240px;
}

.about {
    padding-top: 20px;
}

.about-section {
    padding: 50px 0;
}

#about-our-story {
    padding-top: 0px;
}

#about-why {
    padding-top: 250px;
    padding-bottom: 250px;
}

#about-why ul li {
    margin-top: 15px;
}

#about-team {
    margin-top: 100px;
}

#why-img {
    padding: 0 10px;
}

#about-why .leaf-list {
    padding: 0 30px;
}


@media screen and (max-width: 1300px) {
    #about-why {
        padding-top: 130px;
        padding-bottom: 130px;
    }
}

@media screen and (min-width: 768px) {
    .team-member {
        padding: 10px 40px;
    }
}

@media screen and (min-width: 1400px) {
    .team-member {
        padding: 10px 100px;
    }
}

@media screen and (max-width: 920px) {
    .about-char:not(:first-child) {
        display: none;
        visibility: hidden;
    }
}