html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.btn {
  margin: 16px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #3A98BA !important;
  border-color: #3A98BA !important;
  color: #ffffff !important;
}

.buttons {
  text-align: center;
}

#content {
  margin-top: 100px;
}

#content p {
  text-align: center;
}

#header {
  background-color: #000000;
  color: #ffffff;
  display: block;
  padding: 100px 0;
  position: relative;
  text-align: center;
}

#header:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -1;
}

#header h1 {
  font-family: 'Glegoo', Arial, Helvetica, sans-serif;
  font-size: 7vw;
  margin: 0;
  padding: 0;
}