/* CSS Document */

#payoffwrapper {

 min-height: 0px !important;
    padding: 12px 30px;
    margin-left: 3%;
    text-align: left;
    color: #FFFFFF;
    position: absolute;
    bottom: 40px;
    left: 0;
    border-left: solid 5px #fff;
	
}

#payoffwrapper span {
font-weight:400;
font-family: 'PT Serif', serif;
font-size:40px;
font-style:italic;
}
#headerwrapper {min-height:500px;
font-size:36px;
font-weight:600;}
#contentwrapper {
background-position: right -300px top -50px;
}

#services-content {
float:left;
width:40%;
padding-right:30px;
padding-top:13%;
}

#services-blocks {
float:left;
width:60%;
position:relative;
}

.block {
    float: right;
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 32px;
    background-color: #ececec;
    padding: 20px;
    /* -webkit-border-radius: 20px; */
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    /* border-radius: 20px; */
    /* -webkit-box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.4); */
    -moz-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
    /* box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.4); */
    text-align: center;
    padding: 20px;
}

.block i {
font-size:60px;
/*background: linear-gradient(to bottom, #868e7e 5%, #5FB748 95%);*/
	background-color:#868e7e;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom:15px;
}

.block h3 {
font-size:24px;
	text-transform: uppercase;
}

.block h3, .block p {
padding-bottom:20px;
}

.block a:after {
content:"\f061";
font-family:'Line Awesome Free';
font-weight:bold;
padding-left:6px;
position:relative;
top:1px;
}

.block:nth-of-type(2) {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-left:0;
float:left;
}

#content {
padding-bottom:0;
}

#blog {
width:100%;
margin:0 auto;
margin-top: 60px;
}

#blogheader {
    padding: 0px 20px 35px;
    max-width: 1300px;
    margin: 0 auto;
}

#blog h1{
text-align:center;
}

#reviewswrapper {
    width: 100%;
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
	padding: 2%;
}
#reviews2 {
    position: relative;
    width: 30%;
   float: left;
}
img.portrait {
width:200px;
height:auto;
}

#about {
float:left;
width:60%;
padding-left:60px;
padding-top:60px;
}

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

#review, #about {
width:66%;
}

#about {
padding-top:0;
}

img.portrait {
width:175px;
height:auto;
}

} /* end mediaquery */

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

#services-content {
width:100%;
padding-right:0;
padding-top:0;
z-index:2;
position:relative;
}

#services-blocks {
width:100%;
margin-top:-80px;
z-index:1;
}

} /* end mediaquery */

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

#payoffwrapper {

}

#review, #about {
width:100%;
}
	
	

img.portrait {
right:0;
left:inherit;
bottom:-120px;
}

#about {
padding-left:0;
}

#about *{
text-align:left !important;
}

#about h1[style*="right"]::before {
margin:0 0 30px 0;
}

} /* end mediaquery */

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

#payoffwrapper {
min-height:425px;
font-size:24px;
}

#payoffwrapper span {
font-size:28px;
}



#services-blocks {
margin-top:20px;
}

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

.block:nth-of-type(2) {
position:relative;
top: inherit;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}

} /* end mediaquery */

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

#reviews {
padding-left:15px;
padding-right:15px;
}


#review {
padding:30px 50px 30px 30px;
}

.review h3 {
font-size:18px;
}


} /* end mediaquery */