.service-up::after { content: '●'; } .service-down::after { content: '○'; } h3:is(.service-up, .service-down)::after { font-size: 1rem; margin-right: -.9rem; vertical-align: text-top; padding-left: .2rem; } tr td:last-child { line-break: anywhere; user-select: all; } .columns { column-count: 3; column-fill: balance-all; column-gap: 1rem; column-span: none; } .columns.figs { column-count: 2; } .columns > div { display: inline-block; width: 100%; } .columns h3 { color: var(--primary-color); } figcaption { font-size: .8rem; } figure.center, figcaption { text-align: center; } #contacts { text-align: center; width: 100%; word-wrap: break-word; } #contacts :is(a, span) { margin: .3rem; } #contacts span a { margin: 0; } .banners { display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 640px) { .columns, .columns.figs { column-count: 1; } }