.parche_mascara_hero_50px {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  background-color: rgba(235, 235, 235, 1);
  margin-top: -25px;
  margin-bottom: -25px;
  position: relative;
  z-index: -5;
}

.parche_mascara_hero_100px {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  background-color: rgba(235, 235, 235, 1);
  margin-top: -50px;
  margin-bottom: -100px;
  position: relative;
  z-index: -5;
}










@media (max-width: 1200px) {
.parche_mascara_hero_50px {
  width: calc(100% - 40px);
  height: 50px;
  margin: 0 20px;
  margin-top: -25px;
}

.parche_mascara_hero_100px {
  width: calc(100% - 40px);
  height: 50px;
  margin: 0 20px;
  margin-top: -50px;
}
}