body {
  background: rgb(10,48,66);
}

@media (min-width:1200px) {
  .h2, h2 {
    font-size: 3rem;
    color: var(--bs-gray-300);
  }
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: var(--bs-gray-300);
}

i {
  margin-bottom: 1rem;
  color: var(--bs-gray-300);
}

.h2, h2 {
  font-size: calc(1.325rem + .6vw);
  color: var(--bs-gray-300);
}

.h4, h4 {
  font-size: calc(0.8rem + .5vw);
  color: var(--bs-gray-300);
}

.text-info {
  --bs-text-opacity: 1;
  color: var(--bs-gray-300);
}

.h3, h3 {
  font-size: calc(1.1rem + .4vw);
  color: var(--bs-gray-300);
}

.text-muted {
  --bs-text-opacity: 1;
  color: #ebebeb!important;
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
    margin-top: 48px;
  }
}

@media (min-width: 300px) {
  .h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
    margin-top: 16px;
  }
}

.img-thumbnail {
  padding: .25rem;
  background-color: #d8ad80;
  border: 1px solid #d8ad80;
  border-radius: .375rem;
  max-width: 100%;
  height: auto;
}

@media (min-width: 300px) {
  .hideWhenXS {
    display: none;
  }
}