:root,
[data-bs-theme=light] {
  --bs-body-bg: #f7f7f7;
  --bs-border-color: #f7f7f7;
  --bs-border-radius-lg: 0;
  --bs-heading-color: #f67107;
}
.btn-primary {
  --bs-btn-bg: #f67107;
  --bs-btn-color: #000;
  --bs-btn-border-color: #de6807;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-border-color: var(--bs-btn-color);
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

#gallery > div > div > img
{
  width: 98%;
}

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
}


.carousel {
  margin-bottom: 4rem;
}
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-item {
  height: 16rem;
}
.navBarSmallItem {
  display: none;
}
.navBarBigItem {
  display: none;
}

@media screen and (min-width: 650px) {
  .carousel-item {
    height: 50vw;
  }
}
@media screen and (min-width: 768px){
  .navBarSmallItem {
    display: inline-block;
    width: 17.5vw;
  }
  .navBarBigItem {
    width: 21vw;
    display: inline-block;
  }
  .navBarLink {
    display: none;
  }
}
@media screen and (min-width: 950px) {
    .navBarSmallItem {
    width: 13.5vw;
  }
  .navBarBigItem {
    width: 16vw;
  }
}
@media screen and (min-width: 1620px) {
  .carousel-item {
    height: 50rem;
  }
  #coverImg {
    width: 100%;
    transform: translateY(-20%);
  }
  .navBarSmallItem {
    width: 9vw;
  }
  .navBarBigItem {
    width: 12vw;
  }
}


#gallery .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
#gallery .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}
/* rtl:end:remove */


@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}