.maps{height:40rem;background:url(../img/svg/puff.svg) center center no-repeat #222;margin-bottom:-2.5rem}
.mapscontrol{background: #333;color: #fff;height: 10rem}
.mapctr {position: relative;width:50%;float:left;height: 10rem;cursor:pointer;-moz-transition: .4s all ease;-o-transition: .4s all ease;-webkit-transition: .4s all ease;transition: .4s all ease}
.mapctr:hover{background:#0b673a}
.mapctr h4 {text-transform: uppercase;font-size: 2.6rem;line-height: 5rem;margin-top:1rem}
.mapctr p{margin: 0 0 1rem 0;line-height: 3rem;float: left;width: 100%;z-index:3}
.mapactiv{background:#009049;cursor:default}
.mapactiv:hover{background:#009049}

.lightg{background:#f0f0f0;padding-bottom:2rem}
.contactspage{font-size:1.6rem;line-height:2.5rem;letter-spacing:.1rem}
.contactspage strong{font-size: 2.2rem;line-height: 4rem;}
.contactspage a{color:#fff}
.contactspage a:hover{color:#333}
.contactspage span{color: #333;margin-right: 1.2rem;font-size: 1.5rem}

.downarrow{position:absolute;height:4rem;width:100%;z-index:2;left:0;bottom:-2.1rem;background:url(../img/svg/down-arrow.svg) center -8rem no-repeat;opacity:0;-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease}
.mapactiv div.downarrow{;background:url(../img/svg/down-arrow.svg) bottom center no-repeat;opacity:1}

@media (max-width:1200px){
.mapscontrol div.container{width:100%;padding:0}  
}

@media (max-width:665px){
.mapctr h4 {font-size: 2.4rem}
.mapctr p{font-size: 1.5rem}
}
@media (max-width:620px){
.mapctr h4 {font-size: 2.3rem}
.mapctr p{font-size: 1.4rem}
}
@media (max-width:570px){
.mapctr h4{font-size: 2.2rem;line-height: 3.5rem;margin-top:.5rem}
.mapctr p{margin: 0 0 .5rem 0;line-height: 2.75rem;}
.contactspage {text-align: center}
}
@media (max-width:425px){
.mapctr h4 {font-size: 2.1rem}
}
@media (max-width:400px){
.mapctr p{font-size: 1.3rem}
}
@media (max-width:360px){
.mapctr h4 {font-size: 2rem}
.mapctr p{font-size: 1.2rem}
}
@media (max-width:346px){
.mapctr h4 {font-size: 1.9rem}
}