a{text-decoration:none}
body{font-family:'Montserrat';font-weight:400;color:#333}

/**** navbar ****/
nav{position:relative;z-index:1}
.navbar .container-fluid{margin-top:60px;width:95%}
.nav-link{color:#aaa!important;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px}
.nav-link:hover{color:#c73b6a!important}
.nav-link.active{color:#c73b6a!important}
.nav-item{margin-right:20px;}

/**** header ****/
header{
background:url(/images/header-bg-beige-2.jpg) no-repeat top left;height:350px;position:relative}

/**** branding ****/
.branding{margin-left:210px;margin-top:10px}
.logo{margin-right:20px;margin-top:50px;}

/**** shopping chart ****/
.shopping-chart{position:absolute;top:35px;left:calc(100vw - 35vw);}
.shopping-icon{height:20px;margin-right:7px;display:inline}
.shopping-chart a{color:#aaa;font-size:14px;font-weight:500;text-transform:uppercase;display:inline}
.shopping-chart .badge{padding:6px 9px;font-size:14px}

/**** divider ****/
.divider{margin-top:75px;text-align:center;opacity:0.5}

/**** proizvodi ****/
.proizvodi{margin-top:75px}
.proizvodi .container{max-width:960px;}
.proizvodi h1{font-family:'Playfair Display';font-style:italic;font-size:32px;font-weight:900;color:#c73b6a;text-transform:lowercase;margin-bottom:25px}
.proizvodi article{position:relative;padding:15px;display:flex;justify-content:center;cursor:pointer}
.proizvodi article div:first-child{opacity:1}
.img-artikal{position:absolute;top:35px;height:90%;padding:0 15px;left:0}/* margin-right:8px */
.img-artikal img{margin-bottom:15px}
.img-artikal p{font-size:18px;margin-top:10px;margin-bottom:0;font-weight:600}
.img-artikal strong{font-size:20px;color:#777;font-weight:300;letter-spacing:1px}
.img-artikal h2{font-size:18px;color:#333;font-weight:500;}
.arrow{position:absolute;top:-42px;right:13px;margin-bottom:0!important;opacity:0.5}

/**** content ****/
.content{margin-top:75px;margin-bottom:75px}
.content h1, .content h2{font-family:'Playfair Display';font-style:italic;font-size:32px;font-weight:900;color:#c73b6a;margin-bottom:25px}
.content h2{margin-top:50px}
.content p{font-size:18px;color:#333;}
.content strong{font-weight:700;display:block;}
.content a{font-size:16px;font-weight:600;color:#c73b6a;text-decoration:underline;}
.content a:hover{color:#aaa;}

/**** funfacts ****/
.funfacts{background:url(/images/body-bg-funfacts.jpg) no-repeat center center;height:800px;margin-top:75px}
.funfacts li{font-family:'Playfair Display';font-style:italic;font-size:26px;font-weight:900;color:#fff;margin-bottom:10px}
.funfacts ul {list-style: none;}
.funfacts ul li::before {content:"\007E";font-family:"Playfair Display";float:left;margin-top:0px;margin-left:-22px;}

/**** reviews ****/
.reviews{background:url(/images/body-bg-beige.jpg) repeat bottom center;padding-top:150px;padding-bottom:120px}
.reviews h3{font-family:'Playfair Display';font-style:italic;font-size:36px;font-weight:900;color:#c73b6a;margin-bottom:25px}
.blockquote-footer{margin-top:10px;font-size:18px;font-weight:500}
.blockquote-footer::before{color:#c73b6a;}
#crev.carousel{width:50%}
.carousel-indicators [data-bs-target] {box-sizing:content-box;width:10px;height:10px;margin-right:5px;margin-left:5px;background-color:#ddd;opacity:1;transition:opacity .6s ease;border-radius:100%;}
.carousel-indicators .active{background-color:#c73b6a;}

/**** footer ****/
footer .upper{background:#f2d1dc;padding-top:50px;padding-bottom:50px}
footer .upper h3{font-size:24px;font-weight:600;color:#d06589;}
.partneri{width:75%;margin-top:25px}
.partneri img{margin:10px}
footer .lower{background:#cc4171;padding-top:75px;color:#fff}
footer .copy small{display:block}
footer a{color:#f2d1dc}
footer a:hover{color:#fff}
footer .lower h4{font-size:18px;font-weight:600;margin-bottom:2px}
footer .social{width:75%;}
footer .social img{margin:10px;cursor:pointer;opacity:0.75}
footer .social img:hover{opacity:1}


/**** MEDIA QUERIES ****/
@media (max-width:1199px) {
header{background-position:center;}
.navbar .container-fluid{margin-top:15px;margin-bottom:75px}
.collapsing, .show{width:100%;}
.navbar-nav{width:100%;margin-left:18px;}
.navbar-collapse div:first-child{height:100vh;padding-top:calc(100vh - 90vh);}
.nav-link{font-size:16px;margin-bottom:15px}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 0}
.navbar > .container-fluid{justify-content:flex-start;}
.branding{margin-left:40px;margin-top:-95px}
.logo img{width:200px;}
.logo{margin-top:60px;}
.intro br{display:none}
}

@media (max-width:992px) {
.branding{margin-top:20px}
.logo{margin-top:-70px;}
.intro strong{letter-spacing:3px}
.proizvodi .container{max-width: 720px;}
.img-artikal p{margin-top:0;font-size:16px;}
.img-artikal strong{font-size:16px;}
.img-artikal h2{font-size:16px;}
.funfacts li{font-size:22px;margin-bottom:5px}
#crev.carousel{width:100%}
.content h1, .content h2{font-size:28px;text-align:center}
}

@media (max-width:768px) {
.proizvodi .container{max-width:500px}
.proizvodi .container{padding: 0 35px;}
.img-artikal p{margin-top:16px;}
}

@media (max-width:576px) {
.shopping-chart{left:calc(100vw - 46vw);}
.divider{margin-top:40px;}
.proizvodi{margin-top:50px}
.img-artikal p{margin-top:0;}
footer .partneri{width:100%}
footer .social img{margin:7px;max-width:36px;}
.content p{font-size:16px;}
}

@media (max-width:450px) {
.proizvodi .container{padding:15px;}
footer .lower div{width:85%;margin:0 auto;}
footer .upper h3{font-size:22px}
footer .lower h4{font-size:16px}
footer .lower p{font-size:12px}
}

@media (max-width:360px) {
.navbar-collapse div:first-child{padding-top:calc(100vh - 97vh);}
.shopping-chart a{letter-spacing:0}
.proizvodi .container{padding:0;}
}

@media screen and (max-width:1199px) and (orientation:landscape) {
.navbar-collapse div:first-child{height:140vh;}
}