.header .mail,.header .media{margin-left:5%;display:flex;cursor:pointer}.nav,.sidebar{position:fixed;top:0}.nav-links li,.sidebar,footer .dio2 ul{list-style:none}.header,footer{width:100%;background-color:var(--sec)}.nav-links a,.sidebar a,footer .credits a,footer .dio2 a{text-decoration:none}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Playfair,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}:root{--bs:#F5F5F5;--cs:#1E1E1E;--sec:#7A8B74;--hover:#9fbf9e}.header{display:flex;height:30px;color:var(--bs);align-items:center;text-align:center}.header .mail{gap:5px;margin-right:33%;justify-content:center}.header .telefon{margin-right:33%;display:flex;gap:4px;cursor:pointer}.header .media{gap:15px}.header .media svg,.mail svg,.telefon svg{fill:var(--bs)}.header .media svg:hover{fill:var(--hover)}.nav{background-color:transparent;left:0;width:100%;display:flex;justify-items:center;align-items:center;padding:10px 5%;gap:70%;z-index:9999;}.nav.scrolled{background:rgba(122,139,116,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.nav.animate{transition:background .3s ease-in}.nav-links{display:flex;gap:30%;width:100%}.nav .menu-button,.sidebar{display:none}.nav-links a{font-size:1.6rem;color:var(--bs);transition:.2s}.nav-links a:hover,footer .credits a:hover,footer .dio2 a:hover{color:var(--hover)}.nav .logo img{height:90px;width:90px}.sidebar{right:0;height:100%;width:50vh;z-index:99999;background-color:rgba(250,207,154,.5);backdrop-filter:blur(10px);box-shadow:-10px 0 10px rgba(0,0,0,.1);flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:20px;font-weight:600;padding:20px;gap:35px;cursor:pointer}.sidebar li{width:100%}.sidebar .close-button{margin-top:12px;margin-bottom:0}.sidebar a{width:100%;color:#fff}.banner{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center/cover no-repeat,url('/images/landing.webp') center/cover no-repeat;padding-top:5%;height:350px}.footer-content,.grid,.grid2{display:grid;grid-template-columns:repeat(4,1fr)}.banner h2{font-size:4rem;margin-top:0;color:var(--bs);text-wrap:nowrap}.naslov h2{text-align:center;font-size:4.5rem;letter-spacing:.1rem;text-transform:uppercase;margin-top:1%}.grid,.grid2{grid-template-rows:auto;gap:15px;width:90%;margin:2% auto}.grid .mala,.grid .medium,.grid2 .mala,.grid2 .medium{grid-column:span 1}.grid img,.grid2 img{width:100%;height:auto;display:block;border-radius:10px;object-fit:cover}footer{height:auto;padding:2% 5% 0;position:relative}.footer-content{height:93%;justify-content:center;align-items:center;margin-bottom:3%}footer .dio1,footer .dio4{margin-left:20%}footer .dio1 img{height:120px;width:120px;cursor:pointer}footer .social-media svg{fill:var(--bs);cursor:pointer;transition:.3s}footer .social-media svg:hover{transform:translateY(-5px);fill:var(--hover)}footer .social-media{display:flex;width:110px;justify-content:space-evenly;margin-top:2%}footer .dio2{margin-left:40%}footer .dio2 h2{color:var(--bs);font-size:1.5rem;margin-bottom:3%;text-transform:uppercase;font-weight:lighter}footer .dio2 li{margin-bottom:1%}footer .dio2 a{color:var(--bs);font-size:20px}footer .dio3,footer .dio4{margin-left:25%;height:150px;width:60%;text-align:center}footer .dio3 h2,footer .dio4 h2{color:var(--bs);font-size:1.5rem;margin-bottom:30px;text-transform:uppercase;font-weight:lighter}footer .dio3 p,footer .dio4 p{color:var(--bs);font-size:1.3rem}footer .credits{display:flex;align-items:center;justify-content:center}footer .credits p{color:var(--bs);font-size:16px;letter-spacing:.1rem;font-weight:lighter}footer .credits a{color:var(--bs)}@media screen and (min-width:1366px) and (max-width:1440px){.nav{gap:65%}footer .dio2{margin-bottom:20%}footer .dio3{margin-left:10%}footer .dio4{margin-left:0}footer .dio3,footer .dio4{margin-top:7%;width:90%}footer .dio3 h2,footer .dio4 h2{margin-bottom:10px}}@media screen and (min-width:1180px) and (max-width:1280px){.nav{gap:60%}.nav-links a{font-size:1.6rem}footer .dio3{margin-left:20%;width:90%}footer .dio3 h2{font-size:1.5rem}footer .dio3 p{font-size:1.2rem}}@media screen and (min-width:1024px) and (max-width:1170px){footer .dio2,footer .dio3{margin-left:10%}.nav{gap:55%}.nav-links a{font-size:1.4rem}footer .dio3 h2{font-size:1.5rem}footer .dio3 p{font-size:1.2rem}footer .dio2{margin-bottom:30%}footer .dio4{margin-left:0}footer .dio3,footer .dio4{margin-top:7%;width:90%}footer .dio3 h2,footer .dio4 h2{margin-bottom:10px}}@media screen and (min-width:510px) and (max-width:1000px){.sidebar a,.sidebar li,footer{width:100%}.sidebar,footer .credits,footer .dio2 ul{text-align:center}.nav{gap:80%}.nav-links{display:none}.nav .logo img{width:80px;height:80px}.banner h2,.naslov h2{font-size:3.5rem}.grid{display:grid;grid-template-columns:repeat(1,1fr)}.sidebar{position:fixed;top:0;right:0;height:100%;width:30vh;z-index:99999!important;background-color:rgba(122,139,116,.7);backdrop-filter:blur(10px);box-shadow:-10px 0 10px rgba(0,0,0,.1);flex-direction:column;align-items:center;justify-content:flex-start;list-style:none;font-size:20px;font-weight:600;padding:20px;gap:35px;cursor:pointer}.sidebar .close-button{margin-top:20%;margin-bottom:0}.sidebar a{text-decoration:none;color:#fff;font-size:1.5rem}.nav .menu-button{display:block;list-style:none}footer{height:auto;background-color:var(--sec);padding:3% 0}.footer-content{display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;align-items:center;margin-bottom:3%}footer .dio1{margin:0}footer .dio1 .social-media{width:120px}footer .dio2{margin-left:0}footer .dio2 h2{font-size:1.6rem;margin-bottom:3%}footer .dio2 a{font-size:1.4rem}footer .dio3{margin-top:0}footer .dio3,footer .dio4{margin-left:0;height:150px;width:80%;text-align:center;margin-bottom:0}footer .dio3 h2,footer .dio4 h2{font-size:1.6rem;margin-bottom:10px}footer .dio3 p{color:var(--bs);font-size:1.3rem}footer .dio4 p{text-decoration:none;color:var(--bs)}footer .credits p{font-size:1rem}}@media only screen and (min-device-width:320px) and (max-device-width:500px) and (orientation:portrait) and (max-aspect-ratio:21/9){.nav,.sidebar{position:fixed;top:0}.nav,.sidebar a,.sidebar li,footer{width:100%}.naslov h2,.sidebar,footer .credits,footer .dio2 ul,footer .dio3{text-align:center}footer .dio2,footer .dio3,footer .dio4{margin-left:0}.nav{background-color:transparent;left:0;display:flex;justify-items:center;align-items:center;padding:10px 10%;gap:70%}.nav-links{display:none}.nav .logo img{width:80px;height:80px}.grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;gap:15px;width:90%;margin:5% auto}.sidebar{right:0;height:100%;width:30vh;z-index:99999!important;background-color:rgba(122,139,116,.7);backdrop-filter:blur(10px);box-shadow:-10px 0 10px rgba(0,0,0,.1);flex-direction:column;align-items:center;justify-content:flex-start;list-style:none;font-size:20px;font-weight:600;padding:20px;gap:35px;cursor:pointer}.sidebar .close-button{margin-top:20%;margin-bottom:0}.sidebar a{text-decoration:none;color:#fff;font-size:1.5rem}.nav .menu-button{display:block;list-style:none}.banner h2{font-size:3rem;margin-top:0;color:var(--bs);text-wrap:nowrap}.naslov h2{font-size:3rem;letter-spacing:.1rem;text-transform:uppercase;margin-top:3%}footer{height:auto;background-color:var(--sec);padding:3% 0}.footer-content{display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;align-items:center;margin-bottom:3%}footer .dio1{margin:0}footer .dio1 .social-media{width:120px}footer .dio2{margin-top:10px}footer .dio2 h2{font-size:1.6rem;margin-bottom:3%}footer .dio2 a{font-size:1.4rem}footer .dio3{height:150px;width:80%;margin-bottom:3%}footer .dio3 h2,footer .dio4 h2{font-size:1.6rem;margin-bottom:10px}footer .dio3 p{color:var(--bs);font-size:1.3rem}footer .dio4 p{text-decoration:none;color:var(--bs)}footer .credits p{font-size:1rem}}