.container {
  max-width: 960px;
}

.site-header {
  background-color: rgba(0, 0, 0, 0.25);
}

.site-header.scroll {
  background-color: rgba(0, 0, 0, 0.75);
}

.site-header a {
  color: #fff;
  transition: color 0.15s ease-in-out;
  text-decoration: none;
}

.site-header a:hover {
  color: #fff1ab;
}

#splash {
  background-image: url('https://labs.digital.nuance.com/img/image-01.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 640px;
}

#splash .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  min-height: 640px;
}

#splash h1,
#splash p {
  text-shadow: 2px 2px 2px rgb(0 0 0 / 80%);
}

.content-section {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 640px;
}

.text-bg {
  background-color: rgba(0, 0, 0, 0.5);
}

#about {
  background-image: url('../img/image-02.jpg');
}

#recommendations {
  background-image: url('../img/image-03.jpg');
}

#reviews {
  background-image: url('../img/image-04.jpg');
}

#contact {
  background-image: url('../img/image-05.jpg');
}

.navbar-toggler:focus {
  box-shadow: none;
}

#contact textarea {
  width: 100%;
}

#contact .form-control {
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  color: #fff;
  font-size: 1.15rem;
  padding: 0.9rem 1.25rem;
}

#contact .form-control:focus {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: #66afe9;
  color: #fff;
  outline: 0;
}

#contact .btn {
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  color: #fff;
  font-size: 1.3rem;
  padding: 1rem 2.1rem;
  transition: all 0.3s ease;
}

#contact .btn:hover {
  color: #fff;
}