html,
body {
  scroll-behavior: smooth;
}
#contact h2,
#contact p,
.brands a,
.footer-dark .copyright,
.footer-dark .item.social,
.footer-dark .item.social > a,
.highlight-blue .buttons {
  text-align: center;
}
#contact h2,
#contact p,
.form-control,
label.control-label {
  font-family: Raleway;
}
.brands {
  color: #313437;
  background-color: #fff;
}
.brands a {
  display: block;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .brands a {
    padding: 30px 0;
  }
}
.brands a img {
  display: inline-block;
  margin: 10px 20px;
  vertical-align: middle;
}
div.jumbotron.carousel-hero {
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: center;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 0;
}
div.jumbotron.hero-photography {
  background-image: url(../../assets/img/hero-background-photography.jpg);
}
div.jumbotron.hero-technology {
  background-image: url(../../assets/img/hero-background-technology.jpg);
}
h1.hero-title,
h2.hero-title,
h3.hero-title {
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
}
p.hero-subtitle {
  max-width: 600px;
  margin: 25px auto;
  padding: 10px 15px;
  color: #fff;
}
.footer-dark {
  padding: 50px 0;
  color: #f0f9ff;
  background-color: #282d32;
}
.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
}
.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}
.footer-dark ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
}
.footer-dark ul a:hover {
  opacity: 0.8;
}
.footer-dark .item.text {
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}
.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .footer-dark .item.social {
    text-align: center;
    margin-top: 20px;
  }
}
.footer-dark .item.social > a {
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  margin: 0 8px;
  color: #fff;
  opacity: 0.75;
}
.footer-dark .item.social > a:hover {
  opacity: 0.9;
}
.footer-dark .copyright {
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}
.highlight-blue {
  color: #fff;
  background-color: #1e6add;
  padding: 50px 0;
}
.highlight-blue p {
  color: #c4d5ef;
  line-height: 1.5;
}
.highlight-blue h2 {
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 1.5;
  padding-top: 0;
  margin-top: 0;
  color: inherit;
}
.highlight-blue .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 25px;
}
.highlight-blue .buttons .btn {
  padding: 16px 32px;
  margin: 6px;
  border: none;
  background: 0 0;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.9;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1;
}
.highlight-blue .buttons .btn:hover {
  opacity: 1;
}
.highlight-blue .buttons .btn:active {
  transform: translateY(1px);
}
.highlight-blue .buttons .btn-primary,
.highlight-blue .buttons .btn-primary:active {
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  color: #ebeff1;
  box-shadow: none;
  text-shadow: none;
  padding: 14px 24px;
  background: 0 0;
  transition: background-color 0.25s;
}
#contact h2 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fff;
}
#contact p {
  font-size: 16px;
  line-height: 23px;
  color: #7d8285;
}
label.control-label {
  color: #f3f3f3;
  font-weight: 700;
}
.form-control {
  border-radius: 0;
  background-color: #f3f3f3;
}
button.btn.btn-success.btn-send {
  background-color: #6e9a76;
  border-color: #6e9a76;
  width: 100px;
  margin-bottom: 10px;
}
div#contact {
  background-color: #313131;
}
#contact .intro {
  max-width: 500px;
  margin: 0 auto 40px;
}
h2 {
  font-size: 36px;
}
form#contact-form {
  margin-bottom: 20px;
}