.page-content27 {
    padding: 20px 0;
}
@media (min-width: 768px) {
    .page-content27 {
        padding: 40px 0;
    }
}
.page-content {
}
.page-content27__container {
    max-width: var(--CONTAINER_WIDTH);
    margin: 0px auto;
    padding: 0 20px;
}
.page-content27__text-box {
    margin-bottom: 40px;
    transition: padding 0.3s ease 0s;
}
.page-content27__text-box:last-child {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .page-content27__text-box {
        padding: 0 100px;
    }
}

.page-content27__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    color: var(--SECONDARY_MAJOR_COLOR);
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .page-content27__title {
        font-size: 32px;
    }
}
.page-content27__text {
    font-size: 16px;
    line-height: 170%;
    color: var(--TEXT_COLOR);
}
@media (min-width: 768px) {
    .page-content27__text {
        font-size: 20px;
    }
}
.page-content27__pic-wrapper {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .page-content27__pic-wrapper {
        margin-bottom: 40px;
    }
}
.page-content27__pic {
    height: 400px;
    margin-bottom: 20px;
}
.page-content27__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-content27__pic-title {
}
@media (min-width: 768px) {
    .page-content27__pic-title {
        padding: 0 150px;
    }
}
@media (min-width: 1200px) {
    .page-content27__pic-title {
        padding: 0 300px;
    }
}