:root{--color-white:#ffffff;--color-light-1:#f2f2f2;--color-light-2:#d1d1d1;--font-size-small:.9rem;--font-size-1:1rem;--font-size-2:1.125rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:1.75rem;--font-size-6:2rem;--menu-height:4rem;--gap-small:.5rem;--gap-base:1rem;--gap-big:2rem}*{padding:0;margin:0;box-sizing:border-box}body{background:var(--color-light-1);font-size:100%;font-family:Helvetica,Arial,sans-serif}img{max-width:100%}a{text-decoration:none;color:inherit}.text-center{text-align:center}.container{width:90vw;max-width:1200px;height:100%;margin:0 auto;position:relative}.menu{list-style:none}.flex{display:flex;align-items:center;gap:var(--gap-base);&.column{flex-direction:column}&.start{align-items:flex-start}&.center{justify-content:center}&.between{justify-content:space-between}}.grid{display:grid;gap:var(--gap-base);&.cols-2{grid-template-columns:repeat(2,1fr)}&.cols-3{grid-template-columns:repeat(3,1fr)}&.cols-4{grid-template-columns:repeat(4,1fr)}&.cols-5{grid-template-columns:repeat(5,1fr)}&.cols-6{grid-template-columns:repeat(6,1fr)}}:root{--color-primary:#1a5891;--color-secondary:#77a2cc}body{color:#666;background:#eee;font-family:sans-serif}img{max-width:100%}.container{max-width:1100px}.button{color:#fff;display:inline-block;font-weight:700;background:var(--color-primary);padding:.8em 3.5em;border-radius:3px;box-shadow:0 .1em .4em 0 rgb(0 0 0 / .1);&.white{color:var(--color-primary);background:#fff}}.logo{color:var(--color-primary)}.menu-bar{background:#fff;height:4.5em;.menu{color:var(--color-primary);font-weight:700;gap:var(--gap-big)}}.banner{color:#fff;height:400px;background:linear-gradient(to right,rgb(26 88 145 / .85) 0%,rgb(26 88 145 / .85) 40%,#fff0 60%),url(../img/banner.webp) center/cover no-repeat;.container{gap:1.5em}h1{width:60%;font-size:2.5em;line-height:1.3em}&.text-banner{height:200px;background:var(--color-primary);h1{width:100%;text-align:center}}}section{padding:2.5em 0;background:#fff;h2{color:var(--color-primary);line-height:1.3em;margin-bottom:.5em;font-size:2em;&.bottom-border{border-bottom:1px solid #ddd}}p{line-height:1.6em;font-size:1.1em}&.gray,&.grey{background:#eee}&.border-bottom{padding-bottom:0;.container{border-bottom:1px solid #eee;padding-bottom:2.5em}}&.two-col{.container{gap:4em}article,aside{flex:1}}&.no-top-padding{padding-top:0}}.services{article{color:var(--color-primary);background:#eee;padding:2em;text-align:center;h3{font-size:1.3em;margin-bottom:.8em}}}.references-projects{.grid{margin-top:2em;gap:1.5em}article{border:1px solid #ddd;img{width:100%;height:200px;object-fit:cover}h3,p{color:var(--color-primary);padding:0 2em}h3{margin:1em 0 .3em}p{margin-bottom:1em}}}.jar-gallery{img{width:100%;height:220px;object-fit:cover}}#kontakt{article{gap:var(--gap-big);&>*:not(:last-child){width:100%;padding-bottom:var(--gap-big);border-bottom:1px solid #ddd}h3{color:var(--color-primary);font-size:var(--font-size-5)}h4{font-size:var(--font-size-2);margin-top:var(--gap-big)}p.bottom-margin{margin-bottom:var(--gap-base)}.menu{color:var(--color-primary);font-size:var(--font-size-2);li:not(:last-child){margin-bottom:var(--gap-small)}i{color:var(--color-white);background:var(--color-primary);display:inline-block;line-height:2em;width:2em;border-radius:100%}}footer p{font-size:var(--font-size-1)}}aside{gap:var(--gap-big);form{width:100%;input,textarea,button{width:100%;font-size:var(--font-size-1);font-family:inherit;padding:.8em 1em .65em}button{border:none;cursor:pointer;font-size:var(--font-size-small);padding:1.1em 1em 1em}}}}#domov{.grid.cols-4 img{width:100%;height:100%;object-fit:cover}.two-col aside img{width:100%;height:260px;object-fit:cover}}@media (max-width:1000px){body{.banner h1{width:80%;font-size:2.2em}section.two-col .container{gap:2.5em}.services .grid.cols-4{grid-template-columns:repeat(2,1fr)}.references-projects .grid.cols-3{grid-template-columns:repeat(2,1fr)}}#domov .grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){body{.menu-bar{height:auto;padding:var(--gap-base) 0;.container.flex{flex-direction:column;gap:var(--gap-base)}.menu.flex{flex-wrap:wrap;justify-content:center;gap:var(--gap-base) var(--gap-big)}}.banner{height:320px;h1{width:100%;font-size:2em}&.text-banner{height:160px}}section h2{font-size:1.7em}section.two-col{.container.flex{flex-direction:column;gap:2em}article,aside{width:100%}}.jar-gallery .grid.cols-3{grid-template-columns:repeat(2,1fr)}}}@media (max-width:500px){body{.banner{height:260px;h1{font-size:1.6em}&.text-banner{height:130px}}section{padding:2em 0;h2{font-size:1.5em}p{font-size:1em}}.services .grid.cols-4,.references-projects .grid.cols-3,.jar-gallery .grid.cols-3{grid-template-columns:1fr}.button{padding:.8em 2.5em}}#domov .grid.cols-4{grid-template-columns:1fr}}