@media (min-width: 360px) {
  #box-1 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/houston.webp);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 576px) {
  #box-1 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/sm-houston.webp);
    background-size: cover;
    display: table;
    background-attachment: scroll;
  }
}

@media (min-width: 992px) {
  #box-1 {
    height: 100vh;
    width: 100%;
    background-image: url(../../assets/img/3.webp);
    background-size: cover;
    display: table;
    background-attachment: fixed;
  }
}

h1 {
  font-family: arial black;
  font-size: 50px;
  color: white;
  margin: 0px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 300px) {
  .header-blue {
    height: 656px !important;
    background: rgb(41, 137, 198);
  }
}

@media (min-width: 300px) {
  .houston-paralax {
    font-family: 'Lovelo Line';
    text-shadow: -1px -1px 3px var(--bs-gray-900), 1px 1px 3px var(--bs-gray-900);
  }
}

@media (min-width: 300px) {
  div {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .action-button {
    margin-left: 35px;
  }
}

@media (min-width: 768px) {
  #heropara {
    padding-left: 24px;
    padding-right: 42px;
  }
}

@media (min-width: 768px) {
  span {
  }
}

@media (min-width: 768px) {
  #para-about {
    padding-right: 50px;
    padding-left: 50px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .device {
    transform: scale(2.77)!important;
    transform-origin: center!important;
    padding-top: -1px;
  }
}

@media (min-width: 1400px) {
  #schedule-landing-banner-div-1 {
    background: rgb(97, 89, 92, .6);
  }
}

@media (min-width: 300px) {
  #Index-header-heading {
    text-align: center;
    font-size: 39px;
  }
}

@media (min-width: 300px) {
  #Index-header-col {
  }
}

.navbar-expand {
}