/* Written by tools/build_pages.cjs: grid placements and backgrounds for the pages moved from kostic.design. */
.kd-bg0 { background-image: url(/img/bg/gallery-of-matica-srpska.jpg); background-size: cover; background-position: center; }
.kd-bg1 { background-image: url(/img/bg/dasko-mladja.jpg); background-size: cover; background-position: center; }
.kd-bg2 { background-image: url(/img/bg/fbn-qube.jpg); background-size: cover; background-position: center; }
.kd-bg3 { background-image: url(/img/bg/masswine.jpg); background-size: cover; background-position: center; }
.kd-bg4 { background-image: url(/img/bg/design-lab.jpg); background-size: cover; background-position: center; }
.kd-bg5 { background-image: url(/img/bg/veeda.jpg); background-size: cover; background-position: center; }
.kd-bg6 { background-image: url(/img/bg/dib-travel.jpg); background-size: cover; background-position: center; }
.kd-bg7 { background-image: url(/img/bg/eduka.jpg); background-size: cover; background-position: center; }
.kd-bg8 { background-image: url(/img/bg/ecrypton.jpg); background-size: cover; background-position: center; }
.kd-bg9 { background-image: url(/img/bg/acme-software.jpg); background-size: cover; background-position: center; }
.kd-bg10 { background-image: url(/img/bg/eternal-note.jpg); background-size: cover; background-position: center; }
.kd-bg11 { background-image: url(/img/bg/bebac.jpg); background-size: cover; background-position: center; }
.kd-bg12 { background-image: url(/img/bg/curfago.jpg); background-size: cover; background-position: center; }
.kd-bg13 { background-image: url(/img/bg/the-withering.jpg); background-size: cover; background-position: center; }
.kd-bg14 { background-image: url(/img/bg/faculty-of-technical-sciences.jpg); background-size: cover; background-position: center; }
.kd-bg15 { background-image: url(/img/bg/symphony.jpg); background-size: cover; background-position: center; }
.kd-bg16 { background-image: url(/img/bg/vivify-academy.jpg); background-size: cover; background-position: center; }
.kd-bg17 { background-image: url(/img/bg/nico.jpg); background-size: cover; background-position: center; }
.kd-bg18 { background-image: url(/img/bg/bria-white-label.jpg); background-size: cover; background-position: center; }
.kd-bg19 { background-image: url(/img/bg/saintd.jpg); background-size: cover; background-position: center; }
.kd-bg20 { background-image: url(/img/bg/parent-s-survival-guide.jpg); background-size: cover; background-position: center; }
.kd-bg21 { background-image: url(/img/bg/matagro.jpg); background-size: cover; background-position: center; }
.kd-bg22 { background-image: url(/img/bg/supernova.jpg); background-size: cover; background-position: center; }
.kd-bg23 { background-image: url(/img/bg/oncology-institute-of-vojvodina.jpg); background-size: cover; background-position: center; }
.kd-bg24 { background-image: url(/img/bg/king-mire.jpg); background-size: cover; background-position: center; }
.kd-bg25 { background-image: url(/img/bg/fyrverkeri-giganten.jpg); background-size: cover; background-position: center; }
.kd-bg26 { background-image: url(/img/bg/rags.jpg); background-size: cover; background-position: center; }
.kd-bg27 { background-image: url(/img/bg/zavod-za-udzbenike-i-nastavna-sredstva.jpg); background-size: cover; background-position: center; }
.kd-bg28 { background-image: url(/img/bg/first-communion.jpg); background-size: cover; background-position: center; }
.kd-bg29 { background-image: url(/img/bg/kitchen-good-wolf-studio.jpg); background-size: cover; background-position: center; }
.kd-bg30 { background-image: url(/img/bg/epam-vivify-ideas.jpg); background-size: cover; background-position: center; }
.kd-bg31 { background-image: url(/img/bg/ready2wash.jpg); background-size: cover; background-position: center; }
.kd-bg32 { background-image: url(/img/bg/sprint-scooters.jpg); background-size: cover; background-position: center; }
.kd-bg33 { background-image: url(/img/bg/power-to-the-people.jpg); background-size: cover; background-position: center; }
.kd-bg34 { background-image: url(/img/bg/petroleum-industry-of-serbia.jpg); background-size: cover; background-position: center; }
.kd-bg35 { background-image: url(/img/bg/bjelica-winery.jpg); background-size: cover; background-position: center; }
.kd-bg36 { background-image: url(/img/bg/academy-of-art.jpg); background-size: cover; background-position: center; }
.kd-bg37 { background-image: url(/img/bg/h-prospect.jpg); background-size: cover; background-position: center; }
.kd-bg38 { background-image: url(/img/bg/at-t.jpg); background-size: cover; background-position: center; }
.kd-bg39 { background-image: url(/img/bg/akamaru-monogatari.jpg); background-size: cover; background-position: center; }
.kd-bg40 { background-image: url(/img/bg/visa-credit-card.jpg); background-size: cover; background-position: center; }
.kd-bg41 { background-image: url(/img/bg/counterpath.jpg); background-size: cover; background-position: center; }
.kd-bg42 { background-image: url(/img/bg/altertise.jpg); background-size: cover; background-position: center; }
.kd-bg43 { background-image: url(/img/bg/demand-inc.jpg); background-size: cover; background-position: center; }
.kd-bg44 { background-image: url(/img/bg/hellena-travel.jpg); background-size: cover; background-position: center; }
.kd-bg45 { background-image: url(/img/bg/zingsphere.jpg); background-size: cover; background-position: center; }
.kd-bg46 { background-image: url(/img/bg/herocast.jpg); background-size: cover; background-position: center; }
.kd-bg47 { background-image: url(/img/bg/the-skulls-society.jpg); background-size: cover; background-position: center; }
.kd-bg48 { background-image: url(/img/bg/cryptext-me.jpg); background-size: cover; background-position: center; }
.kd-bg49 { background-image: url(/img/bg/vivify-ideas-website.jpg); background-size: cover; background-position: center; }
.kd-bg50 { background-image: url(/img/bg/product-development-lifecycle.jpg); background-size: cover; background-position: center; }
.kd-bg51 { background-image: url(/img/bg/alpha-gym.jpg); background-size: cover; background-position: center; }
.kd-bg52 { background-image: url(/img/bg/willkommen.jpg); background-size: cover; background-position: center; }
.kd-bg53 { background-image: url(/img/bg/angry-byte.jpg); background-size: cover; background-position: center; }
.kd-bg54 { background-image: url(/img/bg/breche-die-grenzen.jpg); background-size: cover; background-position: center; }
.kd-bg55 { background-image: url(/img/bg/fight-for-media-freedom.jpg); background-size: cover; background-position: center; }
.kd-bg56 { background-image: url(/img/opt/experimental__neusatz-00.webp); background-size: cover; background-position: center; }
.kd-bg57 { background-image: url(/img/opt/experimental__neutron-field-00.webp); background-size: cover; background-position: center; }
.kd-bg58 { background-image: url(/img/opt/experimental__propaganda-department-00.webp); background-size: cover; background-position: center; }
.kd-bg59 { background-image: url(/img/opt/experimental__standify-00.webp); background-size: cover; background-position: center; }
.kd-bg60 { background-image: url(/img/opt/experimental__woodle-cube-00.webp); background-size: cover; background-position: center; }
.kd-bg61 { background-image: url(/img/opt/mobile-apps__bria-00.webp); background-size: cover; background-position: center; }
.kd-bg62 { background-image: url(/img/opt/mobile-apps__holofit-00-poster.jpg); background-size: cover; background-position: center; }
.kd-bg63 { background-image: url(/img/opt/mobile-apps__kompass-00.webp); background-size: cover; background-position: center; }
.kd-bg64 { background-image: url(/img/opt/mobile-apps__purple-patriot-00.webp); background-size: cover; background-position: center; }
.kd-bg65 { background-image: url(/img/opt/mobile-apps__vivifyscrum-ios-00-poster.jpg); background-size: cover; background-position: center; }
.kd-bg66 { background-image: url(/img/opt/mobile-apps__wallz-00.webp); background-size: cover; background-position: center; }
.kd-bg67 { background-image: url(/img/opt/mobile-apps__zwork-00.webp); background-size: cover; background-position: center; }
.kd-bg68 { background-image: url(/img/opt/motion__fear-in-ratzenstadt-00.webp); background-size: cover; background-position: center; }
.kd-bg69 { background-image: url(/img/opt/motion__neusatz-trailer-00-poster.jpg); background-size: cover; background-position: center; }
.kd-bg70 { background-image: url(/img/opt/motion__srdzba-music-video-00.webp); background-size: cover; background-position: center; }
.kd-bg71 { background-image: url(/img/opt/motion__the-alma-ka-church-00.webp); background-size: cover; background-position: center; }
.kd-bg72 { background-image: url(/img/opt/motion__the-battle-of-petrovaradin-00.webp); background-size: cover; background-position: center; }
.kd-bg73 { background-image: url(/img/opt/motion__the-house-of-the-einsteins-00.webp); background-size: cover; background-position: center; }
.kd-bg74 { background-image: url(/img/opt/motion__the-neutronfield-x-still-bleeding-collaboration-00.webp); background-size: cover; background-position: center; }
.kd-bg75 { background-image: url(/img/opt/press__cga-conference-00.webp); background-size: cover; background-position: center; }
.kd-bg76 { background-image: url(/img/opt/web-apps__demand-inc-bi-tool-00.webp); background-size: cover; background-position: center; }
.kd-bg77 { background-image: url(/img/opt/web-apps__dib-hotels-00.webp); background-size: cover; background-position: center; }
.kd-bg78 { background-image: url(/img/opt/web-apps__field-guide-00.webp); background-size: cover; background-position: center; }
.kd-bg79 { background-image: url(/img/opt/web-apps__neusatz-archive-00.webp); background-size: cover; background-position: center; }
.kd-bg80 { background-image: url(/img/opt/web-apps__vivifyscrum-edu-00.webp); background-size: cover; background-position: center; }
.kd-bg81 { background-image: url(/img/opt/web-apps__vivifyscrum-00.webp); background-size: cover; background-position: center; }
.kd-ov0::before { background-color: rgb(31, 32, 32); opacity: 0.55; }
.kd-ov1::before { background-color: rgb(31, 32, 32); opacity: 0.4; }
.kd-ov2::before { background-color: rgb(31, 32, 32); opacity: 0.7; }
.kd-ov3::before { background-color: rgb(255, 255, 255); opacity: 0.4; }
.kd-ov4::before { background-color: rgb(255, 255, 255); opacity: 0.6; }
.kd-ov5::before { background-color: rgb(31, 32, 32); opacity: 0.5; }
.kd-ov6::before { background-color: rgb(31, 32, 32); opacity: 0.6; }
.kd-tc0 { color: rgb(51, 51, 51); }
.kd-tc1 { color: rgb(187, 187, 187); }
@media (min-width: 900px) {
  .kd-c2-8 { grid-column: 3 / span 8; }
  .kd-c2-4 { grid-column: 3 / span 4; }
  .kd-c6-4 { grid-column: 7 / span 4; }
  .kd-c4-4 { grid-column: 5 / span 4; }
  .kd-c3-6 { grid-column: 4 / span 6; }
  .kd-c2-7 { grid-column: 3 / span 7; }
  .kd-c2-3 { grid-column: 3 / span 3; }
  .kd-c5-5 { grid-column: 6 / span 5; }
  .kd-c5-3 { grid-column: 6 / span 3; }
  .kd-c8-2 { grid-column: 9 / span 2; }
}