.herosvg {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.herosvg svg {
  width: 100%;
  height: auto;
  margin: 5vw 0;
}
.herosvg .hero-logo {
  width: 15rem;
  margin: 3rem auto -3rem auto;
}
@media screen and (max-width: 760px) {
  .herosvg .hero-logo {
    width: 15rem;
    margin: 1rem auto 0 auto;
    /* position: absolute; */
    /* transform: translateX(-50%);*/
  }
}
.atw {
  position: relative;
}
@media screen and (min-width: 750px) {
  .atw {
    position: absolute;
  }
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:herosvg] [129.2605] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 187 */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:herosvg] [129.3354] DESIGN*/
/*******************************************************************/
/* 0.5 D>D */
/* db 171 */