@import "https://fonts.googleapis.com/css?family=Lato:300";
.hero {
  position: relative;
  width: 100%;
  height: 110vh;
  color: white;
  text-align: center;
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}
.hero:before, .hero:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 600px;
  margin: 0 auto;
}
.hero:before {
  content: "Good news, everyone!";
  font-size: 46px;
  line-height: 60px;
  margin-top: -40px;
}
.hero:after {
  content: "I've taught the toaster to feel love!";
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
.hero--intro:before {
  content: "SOLIDBODIES";
}
.hero--intro:after {
  content: "(305)-297-7460";
}
.hero--intro {
  background: linear-gradient(135deg, #55b620 20%, #8ab9ff 80%);
}