@charset "UTF-8";

main {
    counter-reset: section;
}

.environment {
    padding-block: 100px 120px;
}

@media only screen and (max-width: 768px) {
    .environment {
        padding-block: 80px;
    }
}

.environment__heading {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;

    &::before {
        counter-increment: section;
        content: counter(section) ".";
    }
}

.environment__text {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.environment__description {
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.environment__meta {
    margin-block: 65px 70px;
    text-align: right;
}

.environment__meta-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.environment__action {
    text-align: center;
}