html {
background-color:#8bd3ff;
font-family: 'Abel', sans-serif;

}
body {
background-color:inherit;

}

h1.home{
padding:4vh 0 4vh 0;
line-height:15vh;
font-size: 10rem !important;
font-family: 'Comfortaa', sans-serif;
text-shadow:
     3px  3px 0 #444,
    -1px -1px 0 #444,  
     1px -1px 0 #444,
    -1px  1px 0 #444,
     1px  1px 0 #444;
     
     -webkit-text-stroke: 3px #ee6352;
  paint-order: stroke fill;
}
h1{
    color:#fff;
    padding-bottom:2vh;
    font-size: 3rem;
    font-weight:bold;
    font-family: 'Comfortaa', sans-serif;
    
}

h2{color:#f79d84;font-family: 'Comfortaa', sans-serif;font-size: 2.2rem}
h3{color:#f79d84;font-family: 'Abel', sans-serif;font-weight:bold;margin-top:4vh;font-size: 1.8rem}
p{
color:#31393c; /*eafdf8 0b2545 363537 31393c*/
font-size: 1.6rem;
font-family: 'Abel', sans-serif;
padding:0 0 3vh 0;
text-align: justify;
}

.cta h3{
    font-family: 'Comfortaa', sans-serif;
    font-size: 3rem !important;
    color:#f15a24;
    font-weight:bold;
}

.cta a:hover {
  color: #ee6352;
}
header {
font-size: 2.5rem;
}
label{
font-size: 1.6rem;
padding-top:2vh;
color: #333;
}
input::placeholder {
   
    color: #31393c;
}
#contactForm{padding-bottom:30px;}
#address { display: none; }
input{
font-size: 1.6rem !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
border-bottom: 1px solid #e7e7e7 !important;
-webkit-box-shadow: none !important;
padding:0 !important;
margin:0;
color: #eafdf8 !important;
}
input:focus {
color: #eafdf8;
}
textarea{
    font-size: 1.6rem;
color: #eafdf8;
border: 0 !important;
border-bottom: 0.1em solid #e7e7e7 !important;
-webkit-box-shadow: none !important;
min-height: 100px !important;
background: transparent !important;
}
textarea:focus {
outline: none !important;
border:none;
background: transparent;
}
.callout {
  border: none;
  background-color: transparent;
  color: #31393c;
}
.callout.success {
  background-color: transparent;
  color: #31393c;
}
.button.primary{
font-size: 1.5rem;
border-radius: 4px;
background-color:#32a87b !important;
margin-top:4vh;
}
.captchaButton{
padding:5vh 0 5vh 0;
}
.logo{
margin: 0 auto;
display:block}

.mainLogo {
width: auto;
margin-top:3rem;
margin-bottom:4rem;
}
.titleLogo{
    text-shadow:
     1px  1px 0 #fff,
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;
}
.footerLogo {
vertical-align: bottom;
width:7rem;

}
.copyright span{
    display:inline-block;
color: #fff !important;
font-size:1rem;
padding-bottom:0.45rem;
}
.copyright img{

}
.content{
padding-bottom:20px;
}
.footer{
padding: 1rem 3rem;
background: #000;
}
.top-bar, .top-bar ul {
background-color: transparent;
}
.top-bar{
background-color: transparent;
margin:2rem;

}

.topbar-responsive {
background: transparent;
}
.topbar-responsive .topbar-responsive-logo span {
color: #00a2ff;
vertical-align: middle;
font-size:5rem;
margin:0;
padding:0;
}
.topbar-responsive .menu {
background: transparent;
font-size:1.3rem;
margin-right:10px;
}
.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}
.topbar-responsive .menu a {
font-size:1.3rem;
color: #fff;
transition: color 0.15s ease-in;
}
.topbar-responsive .menu a:hover {
  color: #f15a24;
}
.menu a{
padding: 0.5rem 1.5rem 1rem 0rem;
color:#fff;
font-size:1.3rem;
font-weight:700;
}
.menu-icon{
width:1.7rem;
text-align: right;
}
.menu-icon::after {
background: #00a2ff;
box-shadow: 0 7px 0 #00a2ff, 0 14px 0 #00a2ff;
-webkit-box-shadow: 0 7px 0 #00a2ff, 0 14px 0 #00a2ff;
}
.navButton{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0.3rem 1.5rem .5rem 0;
}
@media screen and (max-width: 39.9375em) {
h1.home{
    padding:1vh 0 4vh 0;
    line-height:12vh;
    font-size: 6rem !important;
    text-shadow:
     3px  3px 0 #444,
    -1px -1px 0 #444,  
     1px -1px 0 #444,
    -1px  1px 0 #444,
     1px  1px 0 #444;
     
     -webkit-text-stroke: 1px #ee6352 !important;
  paint-order: stroke fill;
}
.topbar-responsive-links {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
width: 100%;
-webkit-animation: fadeIn 1s ease-in;
animation: fadeIn 1s ease-in;
}
.top-bar{
background-color: transparent;
margin:0;
}
.top-bar-title{
    margin:0;
    padding:0;
    width:17rem;
}
.topbar-responsive .topbar-responsive-logo span {
color: #00a2ff;
vertical-align: middle;
margin:0;
padding:0;
font-size:3rem;
}

.topbar-responsive .topbar-responsive-logo .mainLogo {

}
.topbar-responsive .menu a {
  font-size: 1.5rem;
}

.footerLogo {
vertical-align: bottom;
width:7rem;

}
.copyright{
vertical-align:bottom;
text-align:center;
}
.copyright span{
color: #00a2ff;
font-size:1rem;
}
.copyright img{
margin-top:-0.6rem;
}

}