@media (max-width: 576px) and (min-width: 360px), (min-width: 576px) and (min-width:768px), (min-width:768px) and (min-width:992px), (max-width: 992px) and (min-width: 1200px), (max-width: 1200px) and (min-width: 1400px), (min-width: 1920px) {
  div.jumbotron.carousel-hero {
    color: #00fdd3;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
    border: none;
  }
}

div.jumbotron.hero-main {
  background-image: url('../../assets/img/Parallax/parallaxJordan.jpg');
}

div.jumbotron.hero-ilustrator {
  background-image: url('../../assets/img/Parallax/PARALLAX-witch.jpg');
}

div.jumbotron.hero-productos {
  background-image: url('../../assets/img/Parallax/parallax.productos.jpg');
}

div.jumbotron.hero-laser {
  background-image: url('../../assets/img/Parallax/corte-laser.jpg');
  width: auto;
}

div.jumbotron.hero-cursos {
  background-image: url('../../assets/img/Parallax/cursos.jpg');
  width: auto;
}

div.jumbotron.hero-computo {
  background-image: url('../../assets/img/Parallax/PARALLAX-specter.jpg');
}

h1.hero-title, h2.hero-title, h3.hero-title {
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
  color: #00fdd3;
}

p.hero-subtitle {
  max-width: 600px;
  margin: 25px auto;
  padding: 10px 15px;
  color: #fff;
}