/**** header ****/
header{
background:url(/images/header-bg-beige.jpg) no-repeat bottom right;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
margin-top:10px;}
.eye{background:url(/images/oko.gif) no-repeat top right;height:550px;position:absolute;width:100%;z-index:0;display:flex;align-items:center;}

/**** branding ****/
.branding{margin-top:30px;}
.logo{margin-top:-60px;}
.logo img{width:200px}
.slogan p{font-size:18px;color:#c73b6a;letter-spacing:1px}
.slogan p strong{font-weight:700}

/**** intro ****/
.intro{margin-top:125px}
.intro p{font-size:18px;color:#333;}
.intro strong{font-size:24px;color:#aaa;font-weight:300;letter-spacing:5px}
.intro-icons{margin-top:50px;}
.intro-icons img{height:175px;}
.intro-icons img:nth-child(2){padding-left:30px;padding-right:15px}

/**** about ****/
.about{margin-top:75px;}
.about h3{font-size:24px;color:#aaa;font-weight:300;letter-spacing:5px;text-transform:uppercase;}
.first-desc{align-items:start;background:url(/images/body-bg-beige.jpg) repeat bottom center;margin-top:35px;padding-top:40px;padding-bottom:40px}
.first-desc div{padding:25px}
.first-desc div:nth-child(1) p{font-size:18px;text-align:right;line-height:32px;}
.first-desc div:nth-child(2) p{font-family:'Playfair Display';font-style:italic;font-size:24px;font-weight:900;line-height:42px;}
.first-desc .dr{margin-top:20px;padding:0;display:block}
.second-desc{align-items:center;background:url(/images/body-bg-tamara.jpg) no-repeat bottom center;padding-top:60px;padding-bottom:60px}
.second-desc div{padding:25px}
.second-desc div p:nth-child(1){font-size:18px;line-height:32px;color:#fff;margin-bottom:50px}
.second-desc div p:nth-child(2){font-family:'Playfair Display';font-style:italic;font-size:26px;font-weight:900;line-height:42px;color:#fff;}

/**** intimien hulahope ****/
.intimien-hulahopke{margin-top:75px}
.intimien-hulahopke h3{font-size:18px;font-weight:400;}

/**** reviews ****/
.reviews{background:none;padding-top:100px;}


/**** MEDIA QUERIES ****/
@media (max-width:1500px) {
.branding{margin-left:50px}
}

@media (max-width:1400px) {
.branding{width:44%}
.slogan br{display:none}
}

@media (max-width:1199px) {
header{background-position:center;height:430px}
.eye{background-position:140% top;}
.branding{margin-left:25px;}
.logo img{width:175px}
.logo{margin-top:0;}
}

@media (max-width:992px) {
.branding{margin-top:0}
.slogan{display:none}
.about h3{letter-spacing:3px}
.first-desc div p br{display:none}
.first-desc .dr{text-align:right;margin-top:50px;}
.second-desc div p br{display:none}
}

@media (max-width:850px) {
.eye{background-position:330% top;}
}

@media (max-width:768px) {
.navbar .container-fluid{margin-bottom:120px;}
.eye{align-items:start;background-position: left top;}
.branding{margin-top:10px}
.intro .container{max-width:85%;}
.intro-icons img{height:140px;}
.intro-icons img:nth-child(2){padding-left:10px;padding-right:0}
.first-desc div p{text-align:center!important}
.second-desc{background-position:-400px bottom}
.second-desc div p{text-align:center!important}
}

@media (max-width:576px) {
.eye{background-position: center top;}
.logo img{width:150px}
.intro{margin-top:50px;}
.intro p{font-size:16px}
.intro strong{letter-spacing:2px}
.intro-icons{margin-top:25px;}
.intro-icons img{height:100px;}
.about h3{letter-spacing:2px}
}

@media (max-width:450px) {
.first-desc div:nth-child(1) p{line-height:26px;}
.first-desc div:nth-child(2) p{line-height:36px;}
}

@media (max-width:360px) {
.intro-icons img{height:85px;}
}