/* CSS Document */

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

#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:50px 30px;
text-align:center;
}

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

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

#about-text {
float:left;
width:55%;
padding:50px 30px 20px 0;
color: #FFFFFF;
}

#about-text a, #about-text h1, #about-text h2, #about-text h3 {
color: #FFFFFF;
}

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

#about-text a.button{
border: solid 1px #FFF;
  background-color: transparent;
}
#about-image {
width:27.5%;
background-position:top center;
background-size:cover;
}

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

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

#about-payoff .inner {
border: solid 1px #FFFFFF;
height:100%;
}

#about-payoff .inner span{
width:100%;
left:0;
position:absolute;
top: 50%;
transform: translateY(-50%);
color:#FFFFFF;
font-family: var(--headers-font-family) !important;
text-transform:none;
font-size:36px;
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:50px 30px;
text-align:center;
}

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

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

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

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

#reviews-text h2, #reviews-text h3 {
color:#FFF;
}

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

#reviews-payoff .inner {
border: solid 1px #FFFFFF;
height:100%;
}

#reviews-payoff .inner span{
width:100%;
left:0;
position:absolute;
top: 50%;
transform: translateY(-50%);
color:#FFFFFF;
font-family: var(--headers-font-family) !important;
text-transform:none;
font-size:36px;
line-height:100%;
}

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

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

#reviews-payoff {
width:25%;
}

#reviews-text {
width:75%;
}

} /* 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%;
}

#reviews-payoff {
width:27%;
}

#reviews-text {
width:73%;
}

} /* end mediaquery */


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


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

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

#reviews {
padding:0;
}

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

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

} /* end mediaquery */

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

#sfeertext-home {
padding: 7vw 0 0 0;
}

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

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

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

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

} /* end mediaquery */