body{ background: #fff; font-family: "proxima-nova-soft",sans-serif; font-style: normal; font-weight: 400; font-weight: 400; color: #000; font-size:1.2em; }
h1{ font-size: 6em; font-weight: 900; text-transform: uppercase;}
h2{ font-size: 5em; font-weight: 400; }
h3{ font-size: 4em; font-weight: 400;}
h4{ font-size: 3em; font-weight: 500;}
strong{ font-weight: 700;}
p{ font-size: 2em; font-family: "le-havre-rounded",sans-serif; font-style: normal; font-weight: 200;}
p strong{ font-family: "le-havre-rounded",sans-serif; font-style: normal; font-weight: 500; }
a{ color: blue;}
a:hover{ color: #000;}

.margin-bottom{ margin-bottom: 1em;}
.double-margin-bottom{ margin-bottom: 2em;}

.slide{ padding: 8em 0;}

.color{ padding: 12em 0; background: blue; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff;}
.white{ background: #fff; }


.black{ background: #000; color: #6ce355; }


footer{ padding: 4em 0;}
footer a{  margin: 0 .8em;}
footer iframe{ width: 100%!important; height: 200px!important; overflow: hidden;}

.clasic-buttton{ font-size: 1em; background: #000; color: #fff; text-align: center; padding: .5em; -webkit-border-radius: 100px;
-moz-border-radius: 100px; border-radius: 100px; }
.clasic-buttton:hover{ background: #fff; color: #000; text-decoration: none; }

@media screen and (max-width: 720px) {
.mailto{ width: 80%;}
}

@media screen and (max-width: 400px) {
.brand{ width: 80%;}
.clasic-buttton{ width: 100%;}
.slide{ padding: 6em 0;}
h1{ font-size: 5em;}
h2{ font-size: 3em;}
h3{ font-size: 3em;}
p{ font-size: 2.2em;
}