header.masthead {
  color:#444;
}

@font-face {
  font-family: 'Circe Light';
  font-style: normal;
  font-weight: normal;
  src: local('Circe Light'), url('../font/CRC35.woff') format('woff');
}

.header-content {
  text-align: left;
}

.header-content, h1#homeHeading, .btn {
  font-family:'Circe Light';
  font-weight:normal;
}

.header-content p {
  font-size: 21px;
  text-align: left;
}

.header-content h1 {
  text-align: left;
}

.header-content .btn-primary {
  float: left;
}

.header-content__text {
  margin: 60px 0;
}

.text-success {
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 577px) {
  header.masthead {
    background:none;
  }

  header.masthead .header-content {
    text-align:left;
    padding: 0px 15px 100px;
  }
}

.modal-body {
  font-family: 'Circe Light';
  padding: 20px;
}

.modal-dialog {
  margin: 0 auto;
  height: 100vh;
  align-items: center;
  display: flex;
}

.modal-body .btn {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}

.modal.show {
  padding: 0;
}