.no-bs {
  width: 40rem;
}

/* Fix navbar spacing issues */
.navbar-brand img {
  padding-bottom: 0 !important;
  max-height: 50px;
  width: auto;
}

.nav-btns {
  padding: 0.5rem 0 !important;
}

.nav-btns .btn {
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  .nav-btns {
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden;
  }
}

@media (max-width: 400px) {
  #hero-btns {
    font-size: 0.8rem;
  }
}

#hero-text-body {
  padding-left: 0 !important;
  margin-left: 13rem !important;
  margin-top: 2rem !important;
}

@media (max-width: 1510px) {
  #hero-text-body {
    padding-left: 0 !important;
    margin-left: 7rem !important;
    margin-top: 2rem !important;
  }
}

@media (max-width: 1399px) {
  #hero-text-body {
    padding-left: 0 !important;
    margin-left: 3rem !important;
    margin-top: 2rem !important;
  }
}

@media (max-width: 1370px) {
  #hero-text-body {
    padding-left: 0 !important;
    margin-left: -1rem !important;
    margin-top: 2rem !important;
  }
}

@media (max-width: 1300px) {
  #hero-text-body {
    padding-left: 0 !important;
    margin-left: 4rem !important;
    margin-top: -4rem !important;
  }
}

#top-title-words{
  margin-left: 3rem;
}

@media (max-width: 991px) {
  #top-title-words {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  #hero-text-body {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .no-bs {
    width: 100%;
  }
}