@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";:root{--yellow: #F9B100;--white: #FFFFFF;--black: #282C24;--black-transparent: rgba(0, 0, 0, .5);--font-bold: 700;--font-normal: 400;--font-size-h2: 3rem;--font-size-h3: 1.5rem;--font-size-cta: 3.375rem;--font-size-p: 1.15rem}@media (max-width: 1200px){:root{--font-size-h2: 2.5rem;--font-size-h3: 1.375rem;--font-size-cta: 3rem;--font-size-p: 1.15rem}}@media (max-width: 768px){:root{--font-size-h2: 2rem;--font-size-h3: 1.25rem;--font-size-cta: 2.25rem;--font-size-p: 1.15rem}}@media (max-width: 480px){:root{--font-size-h2: 1.75rem;--font-size-h3: 1.125rem;--font-size-cta: 1.75rem;--font-size-p: 1rem}}body{font-family:Barlow,sans-serif;margin:0;padding:0;color:var(--black);background-color:var(--white);box-sizing:border-box;border:10px solid var(--yellow)}header,footer{padding:20px}.header{position:relative;width:100%;height:100px;background-color:var(--black);color:var(--white);box-sizing:border-box;padding:10px;text-align:center}.section,section{position:relative}.section-box{min-width:250px;position:absolute;left:50%;margin:-30px auto 0;background-color:var(--yellow);padding:5px 10px;border-radius:5px;z-index:9;transform:translate(-50%);text-align:center}.section-box h2{margin:5px}header .section-box{margin:35px auto 0}header .section-box h1{font-size:var(--font-size-h2);font-weight:var(--font-bold);margin:5px;color:var(--black)}header .section-box p{font-size:var(--font-size-p);font-weight:var(--font-normal);margin:5px 5px 10px;color:var(--black)}.hero{position:relative;height:75vh;min-height:500px;background:url(/bager-radovi.jpg) no-repeat center center/cover;border-bottom:10px solid var(--yellow)}.hero:before{content:"";position:absolute;inset:0;background:var(--black-transparent)}.hero-content{position:relative;z-index:1;color:var(--white);text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 20px;box-sizing:border-box;height:100%;width:100%}.hero h2{font-size:var(--font-size-h2);font-weight:var(--font-bold);text-transform:uppercase;max-width:500px;text-align:center;margin:0}.hero h3{max-width:700px;font-size:var(--font-size-h3);font-weight:var(--font-bold);text-align:center;text-transform:uppercase}.cta{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:50px}.cta span{font-size:var(--font-size-h3);color:var(--white);text-transform:uppercase}.cta>div{display:flex;justify-content:center;align-items:center;flex-direction:column}.cta-button{color:var(--yellow);display:inline-block;padding:5px;margin:0;font-weight:700;font-size:var(--font-size-cta);text-decoration:none}.cta-button-secondary{color:var(--yellow);display:inline-block;padding:5px;margin:0;font-weight:700;font-size:var(--font-size-h3);text-transform:uppercase}.half-section{display:flex;justify-content:center;align-items:center;flex-direction:row;box-sizing:border-box}.half-section-image-wrapper{position:relative;width:50%;height:700px;overflow:hidden}.half-section-image-wrapper:after{content:"";position:absolute;inset:0;background:var(--black-transparent)}.half-section-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.half-section-text-wrapper{width:50%;padding:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;box-sizing:border-box}.half-section-text-wrapper h2{width:100%;max-width:550px;font-size:var(--font-size-h3);text-transform:uppercase}.half-section-text-wrapper p{width:100%;font-size:var(--font-size-p);max-width:550px;text-transform:uppercase}.half-section-text-wrapper ul{width:100%;max-width:550px;font-size:16px;text-transform:uppercase;margin:5px 0 10px}.half-section-text-wrapper ul li{margin:5px 0}@media screen and (max-width: 1024px){.half-section{flex-direction:column-reverse}.half-section-image-wrapper{width:100%;height:400px}.half-section-text-wrapper{width:100%;padding:30px 20px}}.image-gallery{display:flex;width:100%;height:413px}.image-wrapper{flex:1;overflow:hidden;position:relative}.image-wrapper img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}@media screen and (max-width: 768px){.image-gallery{flex-direction:column;height:1200px}.image-wrapper{height:413px}}footer{background-color:var(--black);padding:0 0 40px}