a{text-decoration:none}
body{font-family: "Work Sans", sans-serif;font-size:18px;font-weight:300;color:#444}
strong{font-weight:600}

/**** header ****/
header{background:url('/images/header-bg-grey.webp');background-size:cover;background-repeat:no-repeat;background-position:center bottom;height:465px;margin-bottom:75px;}
.header-alaya{display:flex;background:url('/images/alaya-header-subcat.png');background-size:cover;background-repeat:no-repeat;background-position:center bottom;height:335px;margin-bottom:35px;}
.branding{padding-top:40px;margin:0 auto;}
.branding .logo img{width:130px;margin-right:30px}
.branding .htitle p{color:#c85789;font-size:30px;font-weight:300;line-height:32px;letter-spacing:6px;margin-bottom:3px;margin-top:20px;}
.branding .htitle small{font-size:16px;font-weight:700;letter-spacing:4px;}

.nav-link{font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}
.nav-link:hover{color:#333!important}
.nav-link.active{color:#333!important}
.nav-item{margin-right:30px;}

/**** content ****/
.content{margin-bottom:75px}
.content h1, .content h2{font-size:32px;font-weight:200;letter-spacing:4px;margin-bottom:20px}
.content h3{font-size:22px;font-weight:400;color:#c85789;margin-bottom:20px;margin-top:30px}
.content p{text-align:justify}
.content .cont-img{max-height:550px}

.w-100, .w-75{padding-left:25px;padding-right:25px}

.divider{margin:75px auto;height:50px;background:url(/images/divider.png) no-repeat;background-position-x:0%;background-position-y:0%;background-position:center center;opacity:0.5}
/*.divider:last-of-type{height:0}*/

.aybtn{-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;
	color:#333!important;
	font-size:18px;
	font-weight:400;
	background:#fde9f2;
	padding:12px 27px 12px 27px;
	margin-top:75px;
}
.aybtn:hover{color:#fff!important;background:#c85789;}

.about{background:#fde9f2;margin-bottom:100px}
.about h2{letter-spacing:1px}
.about .aybtn{color:#fff!important;background:#e47eab;}
.about .aybtn:hover{color:#fff!important;background:#c85789;}
.about .objimg{object-fit:cover;width:100%;height:650px;object-position:top left;}

/**** iskustva ****/
.reviews{background:url('/images/konstelacije-alaya-logo-big-white.png');background-repeat:no-repeat;background-position:center right;padding-top:75px;padding-bottom:100px}
.reviews .content{margin-bottom:0}
.reviews .quote{background:url(/images/quote100.png) no-repeat;background-position:top left;padding-top:60px;padding-left:20px}
.reviews .blockquote-footer{font-family:'Playfair Display';font-style:italic;font-size:20px;display:block;margin-top:20px;font-weight:600;text-align:right}
.reviews .carousel-item p{display:block;width:75%; margin:0 auto;text-align:center}

.faq br{display:none;}

/**** bert ****/
.bert{background:linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, 0)), url('/images/bert-hellinger-bg.webp');background-repeat:no-repeat;background-position:center right;padding-top:75px;padding-bottom:75px;background-position-x:64%;}
.bert p{font-size:20px}
.bert small{font-weight:400}

/**** citati ****/
.quotes {
	padding:100px 30px;
	background: url('/images/psiho-quotes.webp') no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position-x: 0;
	background-position-y: 100%;
	-webkit-background-size: cover;
	-webkit-background-attachment: scroll;
}
.quotes p{font-family:'Playfair Display';font-style:italic;font-size:32px;color:#000;margin-bottom:50px}
.quotes small{font-size:22px;color:#000;}

/**** footer ****/
footer .upper{background:#9c2777;}
footer .upper p{color:#fff;font-size:18px;font-weight:400}
footer .upper .logo{width:250px;margin-bottom:15px}/*120px*/
footer .upper a{color:#fff!important}
footer .upper svg{width:45px;height:45px;fill:#f6b5d2;cursor:pointer}
footer .upper svg:first-child{margin-right:5px}
footer .upper svg:hover{fill:#fff}
footer .lower{background:#50004a;}
footer .lower p{margin-bottom:0;color:#fff;font-size:14px;font-weight:450}
footer .lower p:first-child{margin-right:50px}
footer .lower a{color:#fff!important}

/**** MEDIA QUERIES ****/

@media (max-width:1050px) {
.nav-link{font-size:14px;letter-spacing: 0;}
}

@media (max-width:991px) {
.nav-item{margin-right:10px;}
.content{margin-bottom:50px}
.content .cont-img{margin-bottom:40px;margin-top:35px}
.content br, .quotes br{display:none}
.divider{margin:50px auto;}
.w-75, .w-100{width:100%!important;}
.about .objimg{object-position:top center;}
.reviews .carousel-item p{display:block;width:100%;}
.faq{margin-top:100px;}
}

@media (max-width:767px) {
header{background:none;height:400px;margin-top:68px}
.header-alaya{background-position-x:60%;height:400px}
.branding{flex-direction:column;padding-top:30px}
.branding .logo{text-align:center}
.branding .logo img{margin-right:0;margin-bottom:15px}
.branding .htitle p{text-align:center;letter-spacing:5px;font-size:30px;font-weight:320;margin-bottom:20px;margin-top:0}
.branding .htitle small{text-align:center;display:block;font-weight:650;}
nav{position:absolute!important;top:0;left:0;width:100%;margin-top:0;background:#50004a;}
.hamburger{display:flex;align-items:center;}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 0}
.navbar > .container-fluid{justify-content:flex-end;}
.navbar-collapse div:first-child{height:92vh;display:flex;align-items:center;justify-content:center;}
.nav-link{color:#fde9f2!important;text-align:center;font-size:18px}
.nav-link:hover{color:#fff!important}
.nav-link.active{color:#fff!important}
.nav-item{margin-right:0;margin-bottom:25px}
.content h1, .content h2{letter-spacing:1px;}
footer .lower{flex-direction:column-reverse;}
footer .lower p{text-align:center}
footer .lower p:first-child{margin-right:0}
}

@media (max-width:576px) {
.content p{text-align:justify}
.divider{width:75%;height:1px}
.reviews h2{text-align:center}
.bert p{font-size:18px}
.bert br{display:none}
}

@media (max-width:360px) {
.branding .htitle p{letter-spacing:3px;}
.nav-item{margin-bottom:10px}
.navbar-collapse div:first-child{align-items:start;margin-top:50px;}
}