/* Milenijum Osiguranje raspored, bez izgleda. Mobile first: 4 kolone telefon, 8 tablet, 12 računar. Tačke prelaza 768 i 1100. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: var(--mios-fw-regular) var(--mios-fs-body)/var(--mios-lh-body) var(--mios-font-sans); color: var(--mios-grey-700); background: var(--mios-white); }
img, svg, video { max-width: 100%; height: auto; display: block; }

.container { width: 100%; max-width: calc(var(--mios-container) + 2 * var(--mios-page-margin)); margin-inline: auto; padding-inline: var(--mios-page-margin); }
.section { padding-block: var(--mios-sec); }
.grid { display: grid; gap: var(--mios-gap-y) var(--mios-gap-x); grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (min-width: 768px) { .grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .grid { grid-template-columns: repeat(12, minmax(0, 1fr)); } }

.measure { max-width: var(--mios-measure); }
.stack > * + * { margin-top: var(--mios-space-4); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: var(--mios-focus-w) solid var(--mios-blue-500); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }