/* Блок «certificate» (`.certificate`, partial template-parts/certificate-section.php) — универсальный:
   один вид, не зависит от страницы. Внутри — скан сертификата целиком, без обрезки (О-17):
   картинка задаёт свою высоту пропорцией, контейнер её не кадрирует ни на одной ширине.
   Фон, плашка и заголовок берутся у общих `.section*` (светлый контекст — `body.home` в css/base.css). */

.certificate__figure {
    margin: 0;
    display: flex;
    justify-content: center;
}

/*
 * Рамка документа лежит на самой картинке: max-width — ширина файла 1x,
 * дальше картинка не растягивается, а на узких экранах ужимается вместе
 * с контейнером (`width: 100%`). Раньше рамку держала ссылка-обёртка на
 * файл @2x — по указанию владельца она убрана вместе со своим hover.
 */
.certificate__image {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    border-radius: var(--nv-radius-card);
    border: 1px solid var(--nv-surface-3);
    background: var(--nv-white);
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {

}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}
