.list {
    display: block;
    margin: 0 auto;
    padding: 0 35px;
    max-width: 1484px;
    box-sizing: content-box;
}

@media (min-width: 760px) {
    .list {
        display: flex;
    }
}

.list > * { flex: 1; }

.list .text-content {
    padding: 35px 0;
}

@media (min-width: 760px) {
    .list .img-content { padding-right: 30px; }

    .list .text-content {
        padding: 60px 0 60px 30px;
    }
}

@media (min-width: 1024px) {
    .list .img-content { padding-right: 70px; }

    .list .text-content {
        padding: 100px 0 100px 70px;
    }
}

.list .text-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list .text-content h3 {
    font-size: 20px;
    font-weight: 700;
}

.list .text-content p {
    font-size: 16px;
    font-weight: 300;
}

@media (min-width: 1024px) {
    .list .text-content h3 {
        font-size: 30px;
    }
    
    .list .text-content p {
        font-size: 20px;
    }
}