/* CSS Document */

#sfeertext-home {
/*padding: 7vw 55% 0 0;*/
min-height:20vw!important;
max-width: 700px;
}

#sfeertext-home .button:hover {
color:#FFFFFF;
border-color:#FFFFFF;
background-color:transparent;
}

#titlewrapper {
width:100%;
height:auto;
}

#title {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:80px 30px 50px 30px;
}

#aboutwrapper {
width:100%;
background-color:var(--bg-color);
}

#about {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:0 0 0 30px;
display: flex;
flex-wrap: wrap;
}

#about-text {
width:54%;
padding:50px 30px 20px 0;
}

#about-text h1:after {
display: none;
}

#about-image {
width:23%;
background-position:top center;
background-size:cover;
}

#about .mx_buttons.mx_block_image_buttons {
position: absolute;
}

#about-payoff {
width:23%;
background-color:var(--second-color);
position: relative;
padding:15px;
text-align:center;
}

#about-payoff .inner {
border: solid 2px var(--second-light-color);
height:100%;
display: flex;
align-items: center;
}

#about-payoff .inner span{
color:var(--second-light-color);
font-family: var(--attention-font-family) !important;
text-transform:none;
font-size:48px;
line-height:100%;
}

#portfoliowrapper {
width:100%;
height:auto;
}

.homegrid-sizer,
.homegrid-item { width: 25%; }

.homegrid-item {
position:relative;
}

.homegrid-overlay {
opacity:0;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
transition: all 0.7s ease;
background: rgba(149,225,212,1);
background: -moz-linear-gradient(top, rgba(149,225,212,1) 0%, rgba(42,46,75,0.76) 68%, rgba(42,46,75,0.65) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,225,212,1)), color-stop(68%, rgba(42,46,75,0.76)), color-stop(100%, rgba(42,46,75,0.65)));
background: -webkit-linear-gradient(top, rgba(149,225,212,1) 0%, rgba(42,46,75,0.76) 68%, rgba(42,46,75,0.65) 100%);
background: -o-linear-gradient(top, rgba(149,225,212,1) 0%, rgba(42,46,75,0.76) 68%, rgba(42,46,75,0.65) 100%);
background: -ms-linear-gradient(top, rgba(149,225,212,1) 0%, rgba(42,46,75,0.76) 68%, rgba(42,46,75,0.65) 100%);
background: linear-gradient(to bottom, rgba(149,225,212,1) 0%, rgba(42,46,75,0.76) 68%, rgba(42,46,75,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95e1d4', endColorstr='#2a2e4b', GradientType=0 );
}

.homegrid-item:hover .homegrid-overlay {
opacity:1;
}

.homegrid-overlay-text {
  position: absolute;
  width:100%;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
  color:#FFFFFF;
  padding:10px;
}

.homegrid-overlay-text h2 {
line-height:100%;
margin-bottom:10px;
}

.homegrid-overlay-text p {
margin-bottom:0;
}

.homegrid-item img{
width:100%;
height:auto;
display:block;
}

#blogwrapper {
width:100%;
height:auto;
}

#blog {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:30px 30px 80px 30px;
text-align:center;
}

#reviewswrapper {
width:100%;
background-color:var(--primary-color);
}

#reviews {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:0 30px 0 0;
display: flex;
flex-wrap: wrap;
}

#reviews-payoff {
width:23%;
background-color:var(--bg-color);
position: relative;
padding:15px;
text-align:center;
}

#reviews-text {
width:67%;
padding:50px 0 50px 50px;
color:#FFF;
}

#reviews-text h2, #reviews-text h3 {
color:var(--bg-color);
}

#reviews-text p {
margin-bottom:0;
}

#reviews-payoff .inner {
border: solid 2px var(--primary-color);
height:100%;
display: flex;
align-items: center;
}

#reviews-payoff .inner span{
color:var(--body-color);
font-family: var(--attention-font-family) !important;
text-transform:none;
font-size:48px;
line-height:100%;
padding: 20px 0;
width: 100%;
  display: block;
}

#reviews-payoff .inner span img {
padding-top: 20px;
}

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

.homegrid-sizer,
.homegrid-item { width: 50%; }

#reviews-payoff {
width:30%;
}

#reviews-text {
width:70%;
}

} /* end mediaquery */

@media screen and (max-width: 890px) {
#about {
padding:0;
}

#about-text {
order: 3;
width:100%;
padding:50px 30px 20px 30px;
}

#about-image {
order: 1;
width:50%;
height:50vw;
background-position:top center;
background-size:cover;
}

#about-payoff {
order:2;
width:50%;
}

} /* end mediaquery */


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

#sfeertext {
padding-top: 35px;
padding-bottom: 35px;
}

#sfeertext-home {
padding: 0 25% 0 0;
}

#sfeer h3 {
font-size:40px;
}

#reviews {
padding:0;
}

#reviews-payoff {
width:100%;
height:auto;
}

#reviews-payoff .inner span img {
display: block;
margin: 0 auto;
}

#reviews-text {
width:100%;
padding: 50px 30px 50px 30px;
}

} /* end mediaquery */

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

#sfeer p.sfeertext-title {
font-size: 30px;
}

#about-payoff {
width:100%;
order:2;
}

#about-payoff .inner {
height:auto;
padding: 50px 30px 50px 30px;
}

#about-image {
width:100%;
height:70vw;
order:1;
background-position:top center;
}

.homegrid-sizer,
.homegrid-item { width: 100%; }

} /* end mediaquery */