body{ font-family: 'Quicksand', sans-serif; color: #252525; font-size: 18px; }

p{ font-size: 18px; margin: 0; color: #9c9c9c; }
h1{ font-size: 40px; margin: 0; font-weight: 400; }
h2{ font-size: 36px; margin: 0; font-weight: 400;  }
h3{ font-size: 32px; margin: 0; font-weight: 400;  }

a{ text-decoration: none; }

a:link{ color: #fff; }

.text-spacer{ display: inline-block; width: 100%; margin-bottom: 20px; }
.spacer{ display: inline-block; width: 100%; margin-bottom: 60px; margin-top: 60px; }
button{ border-bottom: 4px solid #d06d00; background: #ff8700; outline: 0; border: none; padding: 20px; max-width: 200px; width: 100%; font-weight: 400; font-size: 24px; }
button:active{ transform: translateY(4px); }
.light-grey{ background-color: #EFEFEF; }
.mobile{ display: none; }
.mob{ display: block; }

/*HEADER*/
header{ background: #008750; color: #fff; }
.logo{ margin-top: 20px; margin-bottom: 20px; }
.logo img{ max-width: 80px; margin: 0 auto; width: 100%; display: inline-block; }
.logo-text{ display: inline-block; position: relative; top: 12px; }
.logo h1 { font-size: 32px; font-weight: 500; }
.logo p{ color: #fff; }
.number{ text-align: right; float: right; margin-top: 30px; margin-bottom: 30px; }
.number img{ max-width: 30px; display: inline-block; width: 100%; position: relative; bottom: 8px; }
.number h2{ font-size: 40px; color: #fff; font-weight: 600; display: inline-block; }
.number p{ color: #fff; }
.small{ color: #034275 !important; }
/*HEADER*/

/*MAIN*/
.window-bottom-img{ max-width: 500px; width: 100%; display: block; box-shadow: 6px 5px 16px #848484; }
.window-top-img{ max-width: 500px; width: 100%; display: block; box-shadow: 6px 5px 16px #848484; }
.numberone{ position: absolute; width: 100%; left: -17px; top: 256px; }
.right span{ font-weight: 500; }
.right img{ /* display: block; margin: 0 auto;*/ max-width: 500px; width: 100%; }

.content h3{ color: #9c9c9c; font-weight: 300; font-size: 22px; margin-top: 10px; }
.box{ /*background: #eaeaea; padding: 20px;*/ }
.box ul { padding-left: 0px; }  
.box li{ color: #9c9c9c; font-size: 18px; font-weight: 400; background-image: url(../images/circle.svg); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 10px; text-align: left; height: 25px; list-style: none; }
/*.hold{ color: #fff; background-color: #f1c40f; padding: 5px; display: block; position: relative; left: 40px; bottom: 32px; }
.hold p{ display: inline-block; color: #252525; }
.hold img{ max-width: 40px; width: 100%; margin-right: 5px; }
.corner{ max-width: 40px; width: 100%; display: inline-block; position: relative; left: 350px; bottom: 32px; }
*/
.second-box{ background: #EFEFEF; padding: 20px; }
.second-box ul { list-style: none; padding-left: 0px; }
.second-box li{ color: #9c9c9c; font-size: 18px; font-weight: 400; background-image: url(../images/marker.svg); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 10px; text-align: left; height: 25px; list-style: none; }
.green-box{ background: #017947; padding: 50px;  }
.green-box span{ font-weight: 600; font-size: 32px; }
.green-box p{ color: #fff; text-align: center; font-size: 22px; }
/*MAIN*/

/*SERVICES*/

/*SERVICES*/

/*HELP BOXES*/

/*HELP BOXES*/

/*CALL TO ACTION BAR*/
.call-to-action{ background-color: #017947; color: #fff; text-align: center; padding: 20px; border-radius: 10px; width: 100%; display: inline-block; }
.call-to-action h2{ font-size: 40px; font-weight: 600; margin: 0; display: inline-block; }
.call-to-action p{ font-size: 20px; margin: 0; display: inline-block; bottom: 6px; position: relative; margin-right: 10px; color: #fff; }
.call-to-action-small{ width: 100%; display: inline-block; background-color: #017947; color: #fff; text-align: center; padding: 20px; border-radius: 10px; }
.call-to-action-small h2{ font-size: 40px; font-weight: 600; margin: 0; display: inline-block; }
.call-to-action-small p{ font-size: 20px; margin: 0; display: inline-block; margin-right: 10px; color: #fff; }
/*CALL TO ACTION BAR*/

/*AREAS*/

/*AREAS*/

/*TERMS*/

/*TERMS*/

/*STICKY NUMBER*/
.sticky-number{ /*position: -webkit-sticky; position: sticky; top: 0; z-index: 10; */ z-index: 10; position: fixed; bottom: 0; width: 100%; background: #044275; padding: 20px; }  
.sticky-number img{ max-width: 250px; margin: 0 auto; width: 100%; display: block; }
/*STICKY NUMBER*/

/*FOOTER*/
footer{ background: #252525; padding: 40px; text-align: center; color: #fff; }
footer a{ color: #03baf2; }
footer a:hover{ text-decoration: none; color: #03baf2; }
/*FOOTER*/

/*RESPONSIVE STYLES*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {

p{ font-size: 18px; margin: 0; }
h1{ font-size: 40px; margin: 0; }
h2{ font-size: 32px; margin: 0; }
h3{ font-size: 28px; margin: 0; }

.numberone{ left: -13px; top: 226px; }

.window-top-img{ max-width: 410px !important; }

.mob{ display: block; }

}

@media only screen and (min-width: 770px) and (max-width: 992px) {

p{ font-size: 18px; margin: 0; }
h1{ font-size: 36px; margin: 0; }
h2{ font-size: 32px; margin: 0; }
h3{ font-size: 28px; margin: 0; }

.logo{  }
.logo-text{ display: none; }
.logo img{ display: block; }
.number{ text-align: center; float: none; margin-top: 0px; }
.mob{ display: none; }
.spacer{ margin-top: 40px; margin-bottom: 40px; }
.text-spacer-mob{ display: inline-block; width: 100%; margin-bottom: 20px; }

}

@media only screen and (min-width: 520px) and (max-width: 769px) {

.spacer{ margin-top: 20px; margin-bottom: 20px; }

p{ font-size: 16px; margin: 0; }
h1{ font-size: 32px; margin: 0; }
h2{ font-size: 28px; margin: 0; }
h3{ font-size: 24px; margin: 0; }

.logo{  }
.logo-text{ display: none; }
.logo img{ display: block; }
.number{ text-align: center; float: none; margin-top: 0px; }
.mob{ display: none; }
.spacer{ margin-top: 20px; margin-bottom: 20px; }
.text-spacer-mob{ display: inline-block; width: 100%; margin-bottom: 20px; }
.call-to-action h2{ font-size: 30px;  }
.call-to-action-small h2{ font-size: 30px;  }

}

@media only screen and (min-width: 250px) and (max-width: 519px) {

.spacer{ margin-top: 20px; margin-bottom: 20px; }

p{ font-size: 16px; margin: 0; }
h1{ font-size: 28px; margin: 0; }
h2{ font-size: 26px; margin: 0; }
h3{ font-size: 22px; margin: 0; }

.logo{  }
.logo-text{ display: none; }
.logo img{ display: block; }
.number{ text-align: center; float: none; margin-top: 0px; }
.mob{ display: none; }
.spacer{ margin-top: 20px; margin-bottom: 20px; }
.text-spacer-mob{ display: inline-block; width: 100%; margin-bottom: 20px; }
.call-to-action h2{ font-size: 30px;  }
.call-to-action-small h2{ font-size: 30px;  }
.green-box{ padding: 20px; }

}