:root {
  --primary-color: rgb(0, 21, 91);
  --secondary-color: rgb(96, 179, 216);
  /*Preferably lighter than primary*/
}

.hero {
  /*Hero Section with fixed wording*/
  /*uncomment 'fixed' for a parallax effect*/
  background: url("../assets/img/placeholders/hero-placeholder.jpg") no-repeat center center
    fixed
  ;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;

}

.venue-section {
  background: url("../assets/img/placeholders/venue-placeholder.jpg") no-repeat center center fixed; /*parallax by default*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: max-content;
}

@media (max-width: 768px) {
  .venue-section {
    background: url("../assets/img/placeholders/venue-placeholder.jpg") no-repeat center center !important;/*NO parallax on small devices*/
  }
}

#ticket {
  background: url("../assets/img/placeholders/hero-placeholder.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: max-content;
}

@media screen and (max-width: 767px) {
  #ticket .primary-line-bellow-left::after {
    display: none;
  }
}

.rounded {
  border-radius: .25rem !important;
}