.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; 
}