@font-face {
font-family: "Lato-Bold";
src: url("../fonts/Lato-Bold.woff2") format("woff2"),
    url("../fonts/Lato-Bold.woff") format("woff"),
    url("../fonts/Lato-Bold.ttf") format("ttf");
font-weight: normal!important; font-style: normal!important;
}


html, body{width: 100%; margin: 0px; padding: 0px; text-align: left; font-size: 14px;background: #13161f; font-family: 'Nunito Sans', sans-serif;}
body{height:100%; position: absolute; z-index: 0; color: #ffffff;overflow-x: hidden!important; overflow: scroll; background:url("../images/bg-header.png") center top no-repeat #13161f; background-size: 100%;}
* {-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing:border-box; margin:0px;padding:0px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus {outline: none;}
img{border:0px !important; outline:none !important;}
a[href^="tel"]{color:inherit;text-decoration:none;}

#Main{display: flex; justify-content: center; align-items: center; flex-direction: column;width: 100%; min-height: 100%; position: relative; margin: 0px auto; z-index: 2;}
#MainLogo{display: flex; width: 100%; max-width: 400px;position: relative; margin: 0px auto;}
#particles-js{display: block; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1; pointer-events: none!important; overflow: hidden!important;}
#Character{display: block; width: 100%; height: auto; max-width: 40%; position: fixed; right: 0px; bottom: 0px; z-index: 1; pointer-events: none!important; overflow: hidden!important;}
p{display: flex; width: 100%; max-width: 400px;position: relative; margin: 0px auto; text-align: center; justify-content: center; font-size: 20px;
font-family: 'Nunito Sans', sans-serif;}



.Cta{display:flex;width:100%;height:80px;max-width: 400px;position:relative;margin:15px auto 10px;padding:0 20px;
background:#02cead;color:#ffffff;border:0;font-family: 'Nunito Sans', sans-serif;
cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;border-radius:10px;
transition:all 0.2s ease-in-out;font-size:35px; cursor:pointer;font-weight:400;
background: #4B59F8;
background: linear-gradient(180deg, #4B59F8 0%, #1c2583 100%);
border-top: solid 1px #4B59F8;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
text-decoration: none !important;
justify-content: center; align-items: center; color: white;
}


.Cta:hover{
-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);
background: rgb(4, 255, 217);
background: linear-gradient(180deg, rgba(4, 255, 217, 1) 0%, rgba(0, 152, 125, 1) 100%);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
border-top: solid 1px #89ffef;
text-decoration: none !important;
}
.Cta:active{
-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
border-top: solid 1px #ffffff;
text-decoration: none !important;
color: #0f1113;
}


@media only screen and (min-width:320px) and (max-width:600px){
  #MainLogo{max-width: 320px;}
  p{max-width: 320px;font-size: 15px}
  .Cta{max-width: 320px; height: 60px; font-size: 30px;}
}