O nás

/* 1) kontejner a jistota, že to bere 100% šířky sloupce */ .ns-about-light, .ns-about-light .ns-wrap{width:100%;} /* 2) agresivnější breakpointy – kvůli sidebaru */ @media (max-width: 1200px){ .ns-heroGrid{grid-template-columns:1fr !important;} .ns-twoCol{grid-template-columns:1fr !important;} .ns-news{grid-template-columns:1fr !important;} .ns-contactGrid{grid-template-columns:1fr !important;} .ns-steps{grid-template-columns:1fr !important;} } /* 3) fotopás – na úzkém sloupci radši scroll než 2 mini sloupce */ @media (max-width: 900px){ .ns-photoStrip{ grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(220px, 70%); overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .ns-photo{scroll-snap-align: start;} } /* 4) tlačítka a formulář ať se nerozbijí */ @media (max-width: 520px){ .ns-actions{flex-direction:column;} .ns-btn{width:100%;} .ns-input{min-width:0;width:100%;} }