@import url("/dist/main.css");

.backdrop-blur {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* iOS Safari fix */
  }


@media (min-width: 325px) and (max-width: 767px) {
  h2{
    font-size: var(--heading-3);
  } 
  
  h5{
    font-size: var(--text-16);
   }

   h4{
    font-size: var(--text-24);
    letter-spacing: var(--letter-spacing) !important;
   }

   #ticket-info{
    padding-top: 6rem;
   }

   .p-5{
    padding: 2rem !important;
   }
   .btn-primary{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    width: 100%;
   }
}


@media (min-width: 768px) and (max-width: 1023px) {
    
}

@media (min-width: 1024px) and (max-width: 1279px) {
   
}