div.jumbotron.carousel-hero {
  color: #fff;
  background-size: cover;
  background-position: center;
  margin-bottom: 0;
  height: 70vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

}

div.jumbotron.hero-nature {
  background-image: url('../../assets/img/cakes1200.jpg');
}

div.jumbotron.hero-photography {
  background-image: url('../../assets/img/cosmetics1200_2.jpg');
}

div.jumbotron.hero-technology {
  background-image: url('../../assets/img/cheese1200.jpg');
}

div.jumbotron.hero-battery {
  background-image: url('../../assets/img/battery1200_2.jpg');
}

div.jumbotron.hero-rollcake {
  background-image: url('../../assets/img/rollcake1200.jpg');
}

.hero-center {
	align-items: center;
	text-align: center;
}

@media (min-width:768px) {
  .hero-left {
    align-items: flex-start;
    padding-left: 15%;
  }
  .hero-right {
    align-items: flex-end;
    padding-right: 15%;
  }
}

@media (max-width:767px) {
  .hero-left {
    align-items: flex-start;
	padding-left: 6%;
	padding-right: 5%;
  }
  .hero-right {
    align-items: flex-end;
	padding-left: 5%;
	padding-right: 6%;

  }
}

h1.hero-title, h2.hero-title, h3.hero-title {
  text-shadow: 0 4px 4px rgba(0,0,0,0.5);
  color: #fff;
}

h1.hero-title-dark, h2.hero-title-dark, h3.hero-title-dark {
  text-shadow: 0 4px 4px rgba(255,255,255,0.5);
  color: #000;
}


p.hero-subtitle {
  text-shadow: 0 3px 3px rgba(0,0,0,0.4);
  max-width: 620px;
  color: #fff;

}
p.hero-subtitle-dark {
  text-shadow: 0 3px 3px rgba(255,255,255,0.4);
  max-width: 620px;
  color: #000;

}

@media (min-width:768px) {
  p.hero-sub-left {
    margin: 25px 0;
    padding-left: 0;
    text-align: start;
  }
  p.hero-sub-right {
    text-align: end;
    margin: 25px 0;
    padding-right: 0;
  }
}

@media (max-width:767px) {
  p.hero-sub-left {
    text-align: start;
	}
  p.hero-sub-right {
    text-align: end;
  }
}