html,
body {
  font-family: "Open Sans", sans-serif;
  background: #f0f2f4;
}
.hero-body {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mysocial {
  color: hsl(0, 0%, 100%);
}
.mysocial:hover {
  color: hsl(0, 0%, 71%);
}

.navbar .navbar-brand {
  text-align: center;
  display: block;
  width: 100%;
}

.navbar .navbar-brand > .navbar-item,
.navbar .navbar-brand .navbar-link {
  display: inline-block;
}