/*TYPOGRAPHY*/
@media only screen and (min-width: 0px) {
html{font-size: 62.5%;}body{font-size: 1.8rem; font-family: 'Lato', sans-serif; font-weight: 400; color: #3c464b;}
footer a:link, footer a:visited, footer a:hover{color: #3c464b;}
p, .sm-btn{font-size: 1.8rem; margin: .8rem 0;}
li{font-size: inherit;}
h1, h2, h3, h4, h5, h6{font-weight: 300; line-height: normal;}
.h1, .h2, .h3, .h4, .h5, .h6{line-height: normal; font-weight: 300;}
h1{font-size: 3.6rem;}
h2{font-size: 2.4rem; font-weight: normal;}
.h1{font-size: 5rem;}
.h2{font-size: 3.6rem;}
.h3{font-size: 2.2rem;}
p, h1, h2, ul{margin-bottom: 1rem;}
body, p, ul{line-height: 3rem;}
ul{list-style-position: outside;}
.h4{font-size: 2.2rem;}
.h5{font-size: 1.8rem;}
.h6{font-size: 1.2rem;}
a{text-decoration: none; color: #68c180; cursor: pointer;}
a:hover{text-decoration: underline;}
a[href^=tel]{color: inherit; text-decoration: none;}
.link-style-01:after{display: inline-block; font-family: FontAwesome; content: "\f105"; font-size: 1.5rem; padding-left: .5rem; position: absolute; font-weight: bold;}
.link-style-02:after{display: inline-block; font-family: FontAwesome; content: "\f00d"; font-size: 1.5rem; padding-left: .5rem; position: absolute;}
.cta-tel{font-size: 2.5rem;}
.footer-menu a, .footer-copyright, .footer-copyright a, .footer-menu li, .footer p{font-size: 1.5rem;}
/*FONTFAMILIES*/
.font1{}
}

@media only screen and (min-width: 601px) {
p, h1, h2, ul{margin-bottom: 2rem; }
}

@media only screen and (min-width: 993px) {
p, h1, h2, ul{margin-bottom: 4rem; }
}

@media only screen and (min-width: 1200px) {
}