@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&family=Roboto:wght@300;400;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}
/* - - - - - colors- - - - - */
.text-primary {
  color: rgb(48, 168, 213) !important;
}
.text-secondary {
  color: #EDD376!important;
}
.bg-secondary {
  background-color: #EDD376!important;
}
.bg-primary {
    background-color: rgb(48, 168, 213) !important;
}
a {
  color: rgb(48, 168, 213) !important;
  transition: .5s ease;
}
a:hover {
  color: rgb(0, 106, 141) !important;
}
.btn-primary {
  color: #fff !important;
  background-color: rgb(48, 168, 213);
  border-color: rgb(48, 168, 213);
  transition: .25s ease;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: rgb(0, 106, 141) !important;
    border-color: rgb(0, 106, 141) !important;
}
.border-light {
  border-color: rgb(0, 0, 0, 0.125) !important;
}
.design8 {
  color: #ee3b24 !important;
}
/*
.bg-primary {
    background-color: #F6D72B !important;
}
.border-primary {
    border-color: #F6D72B !important;
}
 */
/* - - - - - FONTS - - - - - */
.fs-sm {
    font-size: calc(1rem * 0.875) !important;
}
/* - - - - - HEADER- - - - - */
header a.navbar-brand {
  font-family: 'Roboto Slab', serif;
}
header nav {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba( 0, 0, 0, 0.1) !important;
}
/* header .navbar-brand {
  font-size: 1.75rem;
  letter-spacing: 2px;
} */
/* - - - - - JUMBOTRON- - - - - */
section#jumbotron {
  background-image: url("../img/jumbotron.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 500px;
}
section#jumbotron div#jumbotron-copy {
  /* background-color: rgba(0, 0, 0, 0.4); */
  background: linear-gradient(70deg,rgba(0,0,0,0.7),rgba(0,0,0,0.2));
}
/* - - - - - SECTION - BOAT SPECIFICATIONS - - - - - */
@media (max-width: 992px) {
  section#boat-specifications ul {
    border-bottom: 1px solid rgb(0, 0, 0, 0.125);
  }
  section#boat-specifications .col-lg-4:last-child ul {
    border-bottom: 0;
  }
}
/* - - - - - SECTION - PROMOVIDEO - - - - - */
section#promovideo {
    background: linear-gradient(to top,rgba(0,0,0,0.2),rgba(0,0,0,0.7)),url('../img/other/promovideo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-height: 600px;
    text-align: center;
    padding: 5.5rem 0;
}
section#promovideo a {
    font-size: 2rem;
    text-decoration: none;
}