.lp-bg-1{
    background: #e7e6e1;
}
.lp-bg-2{
    background:var(--lp-primary-color);
}
.lp-bg-3{
    background:#c2a78b;
}
.lp-bg-4{
    background:#e7e6e1;
}

.mtb-50{padding-bottom: 50px; padding-top: 50px;}

.lp-btn { display: inline-block; padding: 20px 24px; color: white; }

.lp-btn-orange-shadow{background: var(--lp-primary-color);box-shadow: 9px 9px 0 0 black;}

.lp-btn-orange-shadow:hover { box-shadow: 2px 2px 0 0 black; background: var(--lp-green-color);color: white;}

.lp-btn i{color: white; }

h5 i {font-size: 3rem;}



.lp-hero-benefits i{background: darkgrey; color: var(--lp-primary-color);}
.lp-hero-benefits h5{color: white;}
.lp-hero-benefits p{font-size: 12px; color: rgb(240, 161, 141);}

/* .lp-hero-text{width: 80%; padding: 20px;} */
.lp-hero-img{margin: auto; padding: 10px 0;}

.lp-hero-img img{display: block; margin: auto;}

@media screen and (min-width: 768px){
.lp-hero-img img{  margin:auto;
margin-bottom:-130px;
margin-top: 45px;}
}

.lp-h6-h2{text-align: center;padding: 20px 10px;}

.lp-features{padding-top: 7px; padding-bottom: 40px;}
.lp-features h5{color: #314e52; font-size: 2.5rem;  display: contents; line-height: 30px;}
.lp-features p{color: #0e0e0e; font-size: 15px;margin-top: 8px;}
.lp-features-img{z-index: 5; position: relative;}
.lp-features-img img{display: block; margin: auto;}
.colored-square{position: absolute; bottom: -20px; margin: auto; background: #314e52; min-height: 200px; z-index: 2;left: 10%; right: 10%;}

.icon-text{line-height: 30px;}

.position-relative{position: relative;}

.lp-included{padding-top: 50px; padding-bottom: 90px;}

.lp-included-text{padding: 90px 15px 80px 15px;}

.lp-included-text h3, .lp-included-text p, .lp-included-text li{ color: white; line-height: 1.9;}

.lp-included-text h3{ font-size: 3.2rem;}

.lp-included-gallery{padding: 60px 10px;}

.lp-gallery-1{margin: auto;display: block; width: 100%; position: relative;}

.lp-gallery-1 img{max-width: 80%; margin: auto;display: block;}

.lp-gallery-2{margin: auto;display: block; width: 100%;}

.lp-gallery-2 img {max-width: 100%; margin: auto; display: block;}


.lp-heading{padding-top: 40px; padding-bottom:40px;}

.lp-heading h2{font-size: 4rem;}

.lp-white-square{background: #efefef;
    width: 80%;
    height: 73%;
    position: absolute;
    right: 9px;
    bottom: 0;}


.lp-cta-bg{text-align: center; background: lightblue url(../images/static/odabir-oblika-fotokeramike.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
position: relative;}

.lp-cta-h2{
    color: white; font-size: 4rem; margin-bottom: 25px;
}

.lp-btn > h3 {color: white; font-size: 2.5rem; text-align: center; letter-spacing: 0.1rem;} 

.lp-btn > p {color: #ffad7c; font-size: 1.2rem; margin-bottom: 0;}

.lp-bg-overlay{ background-color: #717171c9; left: 0; bottom: 0; width: 100%; height: 100%; position: absolute;}

.lp-post-box{float: left; padding: 15px 5px; min-height: 100%; width: 50%;}
.lp-post-box-img{float: left;padding: 0px 5px; width: 50%;}