body {
  font-family: arial, helvetica,sans-serif;
  font-size: var(--bs-body-font-size);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

#offer .jumbotron {
  padding: 40px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.75);
  max-width: 800px;
  margin: 0px auto;
}

@media (max-width: 768px) {
  #offer .jumbotron {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  #offer {
    padding: 20px;
  }
}

#history {
  text-align: center;
  padding: 60px 0px;
}

#history p {
  max-width: 800px;
  margin: 0px auto;
  color: rgb(37,31,31);
  font-size: 20px;
  padding: 5px;
}

#sale {
  text-align: center;
}

#sale .item i {
  font-size: 50px;
  color: rgb(223,67,147);
}

.history h1 {
  font-weight: normal;
  margin-bottom: 10px;
}

.col {
  flex: initial;
}

.bg-sale {
  background-color: rgb(223,255,253);
}

#sale .item {
  padding-top: 25px;
}

#offer {
  text-align: center;
  padding: 20px;
  background-image: url("../../assets/img/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
}

#bkr_logo {
  max-width: 28px;
  display: inline-block;
  margin: -10px 10px auto;
}

#bkr_navbar ul li {
  margin: 0px 10px;
  padding: 2px;
  border-radius: 3px;
  font-weight: bold;
}

#bkr_navbar ul li:hover {
  background-color: rgb(252,247,247);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0,0,0,.7);
  background-color: rgb(252,247,247);
  border-radius: 3px;
}

#sale .item p {
  color: rgb(70,129,154);
}

#offer h1 {
  font-size: 3.5rem;
}

#gallery {
  text-align: center;
  padding: 60px 0px;
}

#gallery .gallery-item {
  margin-top: 15px;
}