.imgCruz { padding-top: 15px; max-width: 20px; display: block; margin: 0 auto; }
.imgCalendario { max-height: 118px; margin: 0 0; position: absolute; z-index: 5; }
.imgCalendario2 { max-height: 160px; margin: 0 0; position: absolute; z-index: 5; }
.nombrePaso { font-size: 20px; font-weight: 500; color: white; }
.nombrePaso2 { font-size: 20px; font-weight: 600; color: white; }
.csslblNombreUsuario { font-weight: bold; }
.texto { font-size: 13px; color: white; padding-top: 10px; z-index: 6; }
.imgFondo { border-bottom: 3px solid #fbba00; color: whitesmoke; background-color: #009a42; }
.interlineadoPequeño { line-height: 2; }
.imgPaso2 { float: right; max-width: 40px; }
.puntos { max-height: 10px; margin-top: 24px; margin-bottom: 4px; }
.divCal { position: absolute; margin-left: 47%; }
.divCal2 { position: absolute; margin-left: 62%; }

@media screen and (min-width: 768px) {
    .imgCalendario { max-height: 137px; margin: 0 0; position: absolute; z-index: 5; }
    .nombrePaso { font-size: 24px; font-weight: 500; color: white; }
    .texto { font-size: 15px; color: white; padding-top: 10px; }
    .divCal { position: absolute; margin-left: 54%; }
}

@media screen and (min-width: 992px) {
    .imgFondo { border-bottom: 3px solid #fbba00; color: whitesmoke; background-color: #1c7e35; }
}