div.jumbotron.hero-technology {
  color: #fff;
  text-align: center;
  /*background: url('../../assets/img/chlor-alkali-process-2000x1475.jpg');*/
  background-size: cover;
  background-position: center top;
  padding-top: 100px;
  padding-bottom: 100px;
  /*background-attachment: local;*/
}

h1.hero-title, h2.hero-title, h3.hero-title {
  text-shadow: 0 2px 2px rgba(0,0,0,0.8);
  background-color: #1764ac;
  border-top-color: rgba(254,254,254,0.498039);
  /*font-size: 33px;*/
  color: #ffffff;
  font-weight: 500;
  max-width: 600px;
  margin: auto;
  padding: 15px 15px;
  padding-top: 15px;
  padding-bottom: 20px;
  background-color: rgba(201,214,222,0.6);
  border-top-style: solid;
  border-top-color: #2b0680;
  border-top-width: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

h2.hero-title-mist_2 {
  text-shadow: 0 2px 2px rgba(0,0,0,0.8);
  color: #ffffff;
  font-weight: 500;
  max-width: 600px;
  margin: auto;
  padding: 15px 15px;
  padding-top: 15px;
  padding-bottom: 20px;
  background-color: rgba(201,214,222,0.6);
  border-top-style: solid;
  border-top-color: #2b0680;
  border-top-width: 4px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

p.hero-subtitle {
  max-width: 600px;
  margin: 25px auto;
  padding: 10px 15px;
  background-color: rgba(0,0,0,0.2);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  font-weight: 500;
}

.h2.hero-subtitle-logo_2 {
  padding-top: 2px;
  background-color: rgba(43,6,128,0.88);
  padding-top: 5px;
  padding-bottom: 22px;
  margin-bottom: 58px;
}