.navbar {
  transition: top 0.5s ease;
}

.navbar-hide {
  top: -60px;
}

.footer {
  transition: bottom 0.5s ease;
}

.footer-hide {
  bottom: -60px;
}

.btn-md {
  width: 100px;
}

.btn-wx {
  width: 150px;
}

.img-xl {
  height: 48px;
}

.img-lg {
  height: 36px;
}

.img-md {
  height: 24px;
}

.img-sm {
  height: 18px;
}

.img-xs {
  height: 9px;
}

#copyright {
  text-align: center;
  padding: .3em;
}

.top-spacer {
  margin-top: 60px;
}

.bottom-spacer {
  padding: 10px;
  padding-right: 11px;
  margin-bottom: 90px;
}

/* Mobile First: Default style for mobile screens */
.img-height {
  width: 100%;
}

/* Desktop: Screen sizes 768px and wider */
@media (min-width: 768px) {
  .img-height {
    height: 200px;
    object-fit: contain;
  }
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item {
    display: flex !important;
  }
}