.container { max-width: 980px; margin: 0 auto; padding: 0 1rem; }

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

.wa-block.has-background .feature { display: flex; margin: inherit; }
.feature { display: flex; margin: 3rem 0; }
.feature.middle { align-items: center; }
.feature > *.middle { align-self: center; }
.feature .image { flex: 0 0 auto; max-width: 450px; }
.feature .image img { max-width: 100%; height: auto !important; }
.feature .video video { max-width: 100%; }
.feature .details { flex: 1; }
.feature .details.no-image { max-width: 65%; }
.feature p,
.feature ul,
.feature ol { color: #121212; } /* ВНТ поменял цвет с 888 на 121212 */
.feature p b,
.feature p strong,
.feature li b,
.feature li strong { color: #555; }
.feature.left .uploader-wrapper,
.feature.left .image,
.feature.left .video { order: 1; }
.feature.left .details { order: 2; padding-left: 3rem; }
.feature.right .uploader-wrapper,
.feature.right .image,
.feature.right .video { order: 2; }
.feature.right .details { order: 1; padding-right: 3rem; }
.feature.center { flex-direction: column; }
.feature.center .details { text-align: center; }
.feature.top-padded:not(.not-padded) { margin-top: 6rem; }
.feature.bottom-padded:not(.not-padded) { margin-bottom: 6rem; }
.feature.not-padded { margin: 0; }
.feature.squeezed { margin-left: 5rem; margin-right: 5rem; }
.feature h2,
.feature h3 { font-size: 2.5em; margin-bottom: 20px; }

ul.thumbs { padding: 0; margin: 0; }
ul.thumbs > li { display: inline-block; width: 29%; vertical-align: top; padding: 0; margin: 0 1.25rem 1.25rem 0; position: relative; }
ul.thumbs > li img { display: block; max-width: 100%; }
ul.thumbs > li img.full-width { width: 100%; }
ul.thumbs > li img:not(.squared) { border-radius: 0.25rem; }
ul.thumbs.li50px > li { width: 50px; }
ul.thumbs.li100px > li { width: 100px; }
ul.thumbs.li150px > li { width: 150px; }
ul.thumbs.li200px > li { width: 200px; }
ul.thumbs.li250px > li { width: 250px; }
ul.thumbs.li300px > li { width: 300px; }
ul.thumbs.li350px > li { width: 350px; }
ul.thumbs > li.selected { /* nothing! */ }
ul.thumbs > li.selected img { border: 0.25rem solid var(--thumbs-selected-color); margin: -0.25rem; }
ul.thumbs > li.shadowed img { box-shadow: 0 1rem 2.5rem -0.5rem rgba(0,0,0,0.3), 0 0.5rem 1rem -0.75rem rgba(0,0,0,0.7); }
ul.thumbs > li.highlighted { background: inherit; }
ul.thumbs > li.highlighted img { box-shadow: 0 0.25rem 1.5rem -0.25rem var(--thumbs-highlighted-color); }
ul.thumbs.p-mini-stream li { width: auto; } /* Вофка сказал добавить чтобы не разъезжались эскизы групповых фоток под главной картинкой */

.quote { padding: 30px 0; text-align: left; margin-left: 250px; }
.quote p { margin: 0 100px; color: #777; font-style: italic; }
.quote .userpic img { margin-right: 10px; width: 48px; float: left; border-radius: 50%; margin-top: -3px; }

.wa-block.has-background { padding: 1rem 0; } /* ВНТ поменял 3rem на 1rem */
.wa-block:not(.has-background) { margin: 3rem 0; }
.wa-block .wa-block-title { font-size: 2rem; font-weight: bold; }
.wa-block .wa-block-details { color: #121212; margin-bottom: 2rem; max-width: 760px /* better readable text paddings; ВНТ поменял цвет с 777 на 121212 */; }
.wa-block .wa-block-details.align-center { margin-left: auto; margin-right: auto; }
.wa-block img { max-width: 100%; }
.wa-block p { max-width: 760px /* better readable text paddings */; }
.wa-block b, .wa-block strong { color: #555; }

.wa-block .feature.center { align-items: center; }
.wa-block .feature.center .image { order: 2; margin: 0 auto 1.5rem; max-width: 100%; width: 70%; }
.wa-block .feature.center .image > .dummy { height: 150px; width: 100%; }
.wa-block .feature.center .details { order: 1; margin-bottom: 1.5rem; }
.wa-block .feature.center .details > * { margin-left: auto; margin-right: auto; }

.wa-block .thumbs li .glyph { font-size: 5rem; color: #ddd; }
.wa-block .thumbs li .image { display: block; background-color: #fff; border-radius: 0.5rem; height: 230px; margin-bottom: 1rem; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; }
.wa-block .thumbs li .image .glyph { position: absolute; top: 50%; left: 50%; margin-top: -2.5rem; margin-left: -2.5rem; }
.wa-block .thumbs li .image.zoom { position: relative; }
.wa-block .thumbs li .image.zoom .zoom-overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.25); }
.wa-block .thumbs li .image.zoom .zoom-icon { color: white; position: absolute; z-index: 2; font-size: 3rem; left: 50%; top: 50%; margin-left: -1.5rem; margin-top: -1.5rem; }
.wa-block .thumbs li .title { margin: 0.5rem 0; }
.wa-block .thumbs li .details { margin: 0; font-size: 0.9375rem; color: #777; }
.wa-block .thumbs li .details.large { font-size: 1.1rem; }

.wa-block-quote { background: #fff; }
.wa-block-quote .quote p { margin: 0 0 2rem; }

.wa-gallery .image { max-width: 100%; line-height: 0; margin: 0 0 2rem; padding: 0; overflow: hidden; min-height: 300px; background-color: var(--background-color); /* border: 2px solid #eee; IMAGE SCALE ISSUE */ }
.wa-gallery .image img { border-radius: 0.5rem; }

@media screen and (max-width: 760px) {

    .container { min-width: 0; margin: 0 auto; }

    .feature { flex-direction: column; font-size: 0.95rem; padding: 0; }
    .feature h2,
    .feature h3 { font-size: 1.5em; }
    .feature .image,
    .feature .video { max-width: 100%; }
    .feature .details.no-image { max-width: 100%; }
    .feature.left .image,
    .feature.left .video { margin-bottom: 2rem; }
    .feature.left .details { padding-left: 0; }
    .feature.right .details { margin-bottom: 2rem; padding-right: 0; }

    ul.thumbs > li { width: 100%; margin-right: 0; }

    .quote { padding: 10px 0; margin-left: 0; }
    .quote p { margin: 0; }
    .quote .profile { width: auto; margin-left: 40px; }

    .wa-block .feature .title { font-size: 2rem; }
    .wa-block .feature .details { font-size: 1rem; }
    .wa-block.has-background { padding: 1.5rem 0; }
    .wa-block:not(.has-background) { margin: 1.5rem 0; font-size: 1rem; }
    .wa-block .wa-block-title { font-size: 2rem; }

}