.hero {
    background-color: #2C2F33;
    color: #ffffff;
    text-align: left;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 100px;
}

.title-page {
  font-size: 60px;
  color: #7289DA;
  font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  padding-left: 30px;
  border-top: 0px;
  margin-top: 0px;
}

.smaller-text {
  font-size: 20px;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  padding-left: 30px;
  border-top: 0px;
  margin-top: 0px;
}

.grey-text {
  font-size: 15px;
  color: #b0b0b0;
  font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  padding-left: 30px;
  border-top: 0px;
  margin-top: 0px;
  align: center;
}

.small-title {
  font-size: 30px;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  padding-left: 30px;
  border-top: 0px;
  margin-top: 0px;
}

.big-head {
  width: 200px;
  height: 200px;
}