.hero-title {
  padding: 0px;
  padding-top: 0rem;
}

h1 {
  padding-top: 0rem;
}

.hero-text {
  padding-top: 0px;
  position: relative;
  top: 0rem;
  bottom: 3px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .hero-title {
    font-size: 48px;
  }
}

@media screen and (max-width: 768px) {
  .hero-text{padding-top:90px}
}

@media screen and (min-width: 768px){
	a.button{text-align: center; margin:auto}
}


.grey-box.is-centered {
 text-align: justify; 
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


.hero-title {
 -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}