.title-description-image-block {
    margin: 20px auto;

    .section-title {
        font-size: 40px;
        line-height: 50px;
        color: #222222;
        text-transform: uppercase;

        @media screen and (max-width: 1580px) {
            font-size: 25px;
            line-height: 30px;
        }

        @media screen and (max-width: 992px) {
            font-size: 20px;
            line-height: 24px;
        }

        @media screen and (max-width: 669px) {
            font-size: 16px;
            line-height: 19.5px;
            text-align: center;
        }
    }

    .section-description {
        font-size: 22px;
        line-height: 26px;
        font-weight: 400;
        color: #222222;

        @media screen and (max-width: 1580px) {
            font-size: 20px;
            line-height: 24px;
        }

        @media screen and (max-width: 960px) {
            font-size: 18px;
            line-height: 20px;
        }

        @media screen and (max-width: 669px) {
            font-size: 16px;
            line-height: 18px;
            text-align: center;
        }
    }

    .image {
        text-align: center;
    }
}

.field--name-field-digital-office-content {
    .title-description-image-block {
        .section-title {
            font-weight: 700;
            text-transform: none;
            text-align: center;

            strong {
                color: #6800FF;
            }

            @media screen and (max-width: 992px) {
                text-transform: uppercase;
            }
        }

        .section-description {
            text-align: center;
        }

        .image {
            margin-top: 30px;
        }
    }
}