.titular { font-size:60px;}

.subtitulo {
  font-size: 32px;
  font-weight: normal; 
}
.linear { font-size: 120%;
}
.titular, .subtitulo, .linear {
  margin: 0;
  text-shadow: 2px 2px 6px #000;
  text-align: center;
  line-height:1.5em;
  position: relative;
    z-index: 1;
}

.bannerindex {
  position:relative;
  color: white;
  background: url('../../images/banner/00.jpg') top left/cover no-repeat;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 0 0;
}

.bannerinterior {
  position:relative;
  color: white;
  background:#808080;
  background: url('../../images/banner/00.jpg') top left/cover no-repeat;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 0 0;
}

.bannerindex::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#800000;
  opacity:0.7;
  }
  
.bannerinterior::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#800000;
  opacity:0.6;
  }

/* for 480px or less */
@media screen and (max-width: 480px) {
.titular 		{ font-size:30px;}
.subtitulo 		{ font-size:20px;}
.bannerindex,
.bennerinterior	{ height:auto; padding:10 5 15 5}

}