@font-face {
    font-family: "Arista";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Arista2.0.ttf") format("truetype");
}

@font-face {
    font-family: "nasalization-rg";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/nasalization-rg.ttf") format("truetype"), url("../fonts/nasalization-rg.eot") format("truetype"), url("../fonts/nasalization-rg.otf") format("truetype"), url("../fonts/nasalization-rg.svg") format("svg"), url("../fonts/nasalization-rg.woff") format("woff");
}

/*@font-face {
 font-family: "nasalization-rg";
 src: url("../fonts/nasalization-rg.eot") 
}*/


.flex_start {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
}

#icon {
  display: block;
  height: 111px;
  position: absolute;
  width: 138px;
  left: 4px;
  top: 8px;
  z-index: 100;
}

#icon_two {
  height: 110px;
  left: 21px;
  position: relative;
  width: 290px;
  padding-left: 97px;
  z-index: 100;
}

#options {
  margin-top:50px;
  margin-bottom: 75px;
  text-align:center;
}

.container_svg_logo {
  height: 110px;
  margin-top: -7px;
  width: 466px;
}


.good1 {
  font-family: nasalization-rg;
  font-size: 59px;
  text-transform: uppercase;
   -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
}

.good2 {
  font-family: Arista;
  font-size: 43px;
   -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
}

.cont_tracker {
  padding-left: 10px;
  padding-top: 15px;
}

.animate_text {
  color: white;
  padding-left: 127px;
  padding-top: 27px;
  position: relative;
  z-index: 41;
}

/*.dsouls2 {
  animation:  1s ease-in-out 0s normal none 1 running rubberBand !important;
}*/


.bounceInLeft_custom {
  animation:  1s ease-in-out 0s normal none 1 running flipOutX !important;
}

canvas {
  width: 100%;
}

section {
  position: absolute;
  top: 60px;
}