.hero {
  background : linear-gradient(to right, #6a39b7 0%, #9b3d99 100%);
  color: white;
  padding: 80px 20px 60px;
  text-align: center;
}

.hero h1 {
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.hero .subheading {
  margin-bottom: 15px;
  font-weight: 300;
}

.hero .tagline {
  font-size: 1.1em;
  margin-bottom: 40px;
  opacity: .95;
}

p, h1, h2, h3, h4{
  color: #222;
}

.wrapper-site{
  margin: 40px 0;
}

.hero h1{
  color: #fff ; font-size: 36px; line-height: 130%;
}

.hero h2{
  color: #fff ; font-size: 30px; line-height: 130%;
}