#sfeerwrapper {
height:500px;
}

#sfeer {
padding-left:20px;
padding-right:20px;
}

#contentwrapper {
width:100%;
height:auto;
/*background-image:url(../images/flowers-bg-body.jpg);
background-size:100% auto;
background-repeat:no-repeat;
background-position:top center;*/
}

#blockwrapper {
padding:0 20px 60px 20px;
margin: 0 auto;
max-width: 1240px;
}

.block {
float:left;
width:49%;
height:auto;
overflow:hidden;
margin-right:2%;
margin-bottom:25px;
-webkit-border-radius: 25px 0px 25px 0px;
-moz-border-radius: 25px 0px 25px 0px;
-khtml-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;
}

.block:nth-of-type(2n) {
margin-right:0;
}

.block .image {
float:left;
width:50%;
background-position:center center;
background-size:cover;
}

.block .description {
float:left;
width:50%;
height:100%;
position:relative;
background-color:var(--primary-color);
color:#FFFFFF;
padding:50px 25px 15px 25px;
text-align:center;
}

.block:nth-of-type(2) .description {
background-color:var(--second-color);
}

.block:nth-of-type(3) .description {
background-color:var(--third-color);
}

.block:nth-of-type(4) .description {
background-color:var(--fourth-color);
}

.block .description p i {
font-size:24px;
}

.block .description h3 {
font-weight:400;
}

.block .description p em{
font-weight:300;
}

#uspwrapper {
width:100%;
height:auto;
background-color:var(--bg-color);
}

#usps {
width:100%;
max-width:1190px;
margin:0 auto;
color:#333;
padding: 60px 0 60px 0;
text-align: center;
}

#usps ol {
margin:0;
padding:0;
list-style-type:none;
counter-reset: my-badass-counter;
display:block;
} 

#usps ol li {
width:25%;
display:block;
float:left;
padding:35px 20px;
}

#usps ol li:before {
content: "0" counter(my-badass-counter) ".";
counter-increment: my-badass-counter;
display:block;
font-size:32px;	
font-family: "Playfair Display", serif;
color:var(--fourth-color);
line-height: 40px;
  font-style: italic;
}

#usps h3 {
padding-bottom: 25px;
}

#usps li a {
color:#FFFFFF;
font-style:italic;
text-decoration:underline;
}

#latestwrapper {
width:100%;
max-width:1190px;
margin:0 auto;
padding: 50px 0;
}

#latestwrapper h2 {
text-align:center;
}

@media screen and (max-width: 980px) {

#contentwrapper {
background-size:auto 75%;
}

.block {
width:100%;
margin-right:0;
}

} /* end mediaquery */

@media screen and (max-width: 750px) {

#sfeerwrapper {
height:300px;
}

#usps ol li {
width:50%;
}

} /* end mediaquery */

@media screen and (max-width: 550px) {

.block .image {
width:100%;
max-height: 70vw;
}

.block .description {
width:100%;
padding-top:40px;
height: auto !important;
}

.block .description i {
transform: rotate(-90deg);
}

#usps ol li {
width:100%;
}

} /* end mediaquery */