body {
  font-family: 'IBM Plex Sans', sans-serif;
}

.masthead {
  background: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/yellow-background.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  padding-top: 0px;
}

.banner {
  max-width: 500px;
  background: #f4f96a;
}

.banner img {
  max-height: 500px;
}

.btn-primary, .bg-background, footer.footer .social-link {
  background-color: #000!important;
  border-color: #000!important;
}
.btn-primary {  
  color: #fff!important;
}

.btn-primary:hover {
  background-color: #f4f96a !important;
  border-color: #f4f96a !important;
}

.callout {
  background: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/_DSC0337.jpg);
  background-position: center center;
  background-size: cover;
  color: #fff;
}

.masthead h1 {
  margin-bottom: 10% !important;
}

#sidebar-wrapper {
  background: #000;
}

.portfolio-item:hover .caption {
  background-color: rgba(244,249,106, 0.9);
}

.swiper-container {
  width: 600px;
  height: 300px;
}