.hero,.hero .text-container{display:flex;flex-direction:column}.hero .text-container{padding:30px var(--sectionXPadding)}.hero .text-container.desktop{display:none}.hero img{width:100%}@media only screen and (min-width: 768px){.hero .text-container{padding:66px var(--sectionX1Padding) 80px}}@media only screen and (min-width: 1024px){.hero{display:flex;flex-direction:column}.hero .content{display:grid;grid-template-columns:1fr 1fr;padding:0 var(--sectionX1Padding) 100px}.hero picture{order:1;padding-left:clamp(3.125rem,-3.4324rem + 10.2459vw,6.25rem)}.hero .text-container.desktop{display:block}.hero .text-container.mobile{display:none}}.contacts{padding:0 var(--sectionXPadding) 60px;gap:30px}.contacts,.contacts .heading-container,.contacts .details{display:flex;flex-direction:column}.contacts .heading-container{gap:10px;border-bottom:1px solid var(--paletteGrey);padding-bottom:16px}.contacts .details{padding-top:16px;gap:10px}.contacts .subheading,.contacts span{font-weight:500}.contacts a{text-decoration:none}@media only screen and (min-width: 768px){.contacts{padding:0 var(--sectionX1Padding) 100px}.contacts .h2{font-size:24px}}@media only screen and (min-width: 1024px){.contacts{padding:0;flex-direction:row;justify-content:space-between;text-align:center}}/*# sourceMappingURL=kontakta-oss.css.map */
