.about-hero {
    background-position: 50% 50%;
    background-size: cover;
    height: 42rem
}

.about-text {
    font-family: Lato;
    font-family: var(--header-text-font-family);
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 3.4rem;
    margin: 4.8rem 4rem 0;
    text-align: center
}

.about-text p {
    margin-bottom: 3.4rem
}

.about-text p:last-child {
    margin-bottom: 0
}

.list_persons {
    grid-row-gap: 7.4rem;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    margin: 7.4rem 2rem 0
}

.list_persons > * {
    min-height: 1px;
    min-width: 1px
}

.list_persons .list__item-image {
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 20rem
}

.list_persons .list__item-image img {
    display: block;
    width: 100%
}

.list_persons .list__item-content {
    margin: 2rem auto 0;
    max-width: 20rem;
    text-align: center
}

.list_persons .list__item-content div {
    margin-bottom: 0
}

.list_persons .list__item-content span {
    display: block;
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-top: 1.2rem
}

@media (max-width: 1023px) {
    .about-hero {
        height: 56.2rem
    }

    .about-text {
        margin: 3.2rem 0 0;
        text-align: left
    }

    .list_persons {
        grid-row-gap: 3.2rem;
        grid-column-gap: 2.4rem;
        grid-template-columns:1fr 1fr;
        margin: 3.2rem 0 0
    }

    .list_persons .list__item-image {
        max-width: 35.6rem;
        width: 100%
    }

    .list_persons .list__item-content {
        margin-top: .8rem
    }

    .list_persons .list__item-content span {
        margin-top: .4rem
    }
}

@media (max-width: 599px) {
    .about-hero {
        height: 26.7rem
    }

    .list_persons {
        grid-template-columns:1fr
    }
}