@import url("_navbar_anonymous_style.css");

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.showcase {
  position: relative;
  width: 100vw;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.showcase::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/csac-banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: brightness(60%);
}

.hero-title {
  font-size: 3rem;
  font-weight: 600;
}

.hero-subtitle {
  font-size: 2rem;
  font-weight: 300;
  margin-top: 1rem;
}

.hero-btn {
  border-radius: 54px;
  padding: 20px 54px;
}

.hero-btn-txt {
  font-weight: 800;
}



@media screen and (max-width: 768px) {
  .showcase{
      overflow-x: hidden;
  }

  #info-modal-div > * {
    width: 100% !important;
  }
}


.promo-accept {
  height: 200px;
  background-image: url('../images/pumpkin-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.promo-smash {
  height: 200px;
  background-image: url('../images/hurricane-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.promo-realtms {
  height: 200px;
  background-image: url('../images/water-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}