/* CSS Document */

#payoffwrapper {
min-height:500px;
font-size:36px;
font-weight:600;
padding-left:5vw;
}

#payoffwrapper span {
font-weight:400;
font-family: 'PT Serif', serif;
font-size:40px;
font-style:italic;
}

#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:#FFFFFF;
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, #B90164 5%, #009CC4 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom:15px;
}

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

.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:0 20px;
}

#blog h1{
text-align:center;
}

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

#reviews {
width:100%;
max-width:1300px;
margin:0 auto;
padding: 60px 30px;
}
#review {
float:left;
width:40%;
height:auto;
padding-left:40px;
}

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:50%;
}

#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 {
padding-left:0;
}

#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 */