@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Open+Sans:300,400,700&display=swap');
body {
  font: 100% 'Open Sans', sans-serif !important;
}

h1 {
  font-family: 'Bebas Neue', cursive !important;
  font-weight: normal !important;
  font-size: 3em !important;
}

p {
  line-height: 2em;
}

.hero-splash {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-image: url("./../img/splash.jpg") !important;
  min-height: 100vh;
}

.hero-splash-2 {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-image: url("./../img/splash.jpg") !important;
}

.bg-cred {
  background: #3E4095 !important;
  color: #fff !important;
}

.fg-cred {
  color: #3E4095 !important;
}

.hero-content {
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.7);
}

.hero-container {
  margin-top: 25vh;
  margin-bottom: 50px;
}

@media only screen and (max-width: 400px) {
  .btn-info {
    width: 100% !important;
  }
}

.zoom-hover {
  transition: transform .2s;
}

.zoom-hover:hover {
  transform: scale(1.1);
}