/* GAP HELPERS MULTIPLOS DE 10*/
.gap10 {
  height: 10px;
  display: block;
  width: 100%;
}
.gap20 {
  height: 20px;
  display: block;
  width: 100%;
}
.gap30 {
  height: 30px;
  display: block;
  width: 100%;
}
.gap40 {
  height: 40px;
  display: block;
  width: 100%;
}
.gap50 {
  height: 50px;
  display: block;
  width: 100%;
}
.gap60 {
  height: 60px;
  display: block;
  width: 100%;
}
.gap70 {
  height: 70px;
  display: block;
  width: 100%;
}
.gap80 {
  height: 80px;
  display: block;
  width: 100%;
}
.gap90 {
  height: 90px;
  display: block;
  width: 100%;
}
.gap100 {
  height: 100px;
  display: block;
  width: 100%;
}
.gap110 {
  height: 110px;
  display: block;
  width: 100%;
}
.gap120 {
  height: 120px;
  display: block;
  width: 100%;
}
/* GAP HELPERS MULTIPLOS DE 16*/
.gap16 {
  height: 16px;
  display: block;
  width: 100%;
}
.gap32 {
  height: 32px;
  display: block;
  width: 100%;
}
.gap48 {
  height: 48px;
  display: block;
  width: 100%;
}
.gap64 {
  height: 64px;
  display: block;
  width: 100%;
}
.gap96 {
  height: 96px;
  display: block;
  width: 100%;
}
.gap112 {
  height: 112px;
  display: block;
  width: 100%;
}
.gap128 {
  height: 128px;
  display: block;
  width: 100%;
}
.gap144 {
  height: 144px;
  display: block;
  width: 100%;
}

@media (max-width: 992px) {
  .gap-mid-hero {
    height: 50px;
    display: block;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .gap-mid-hero {
    height: 100px;
    display: block;
    width: 100%;
  }
}