.img-contain {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.img-cover {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/************ Event *********/

.feature-para-font, .events-section .section-title, .products-section .section-title, .services-section .section-title, .photo-gallery .section-title, .contact-section .section-title, .page-title, .section-title {
  font-family: 'Playfair Display', serif;
}

.feature-font, .events-section .event-card .event-card-text .event-name, .services-section .services .service-card .service-text .service-title, .services-section .services-cards .service-card .service-text .service-title, .title-font {
  font-family: 'Alex Brush', cursive;
  text-transform: capitalize !important;
}

.tall-font, .instruction-modal .modal-details .modal-header, .about-section .paragraph-text .section-subheading .subheading, .products-section .menu-cards .menu-card .menu-title-bar, footer .footer-section-heading {
  font-family: 'Dosis', sans-serif;
}

.page-container, .events-section {
  position: relative;
  width: 100vw;
}

.parallax-section, .events-section {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.events-section {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  align-content: center;
  -webkit-align-content: center;
  width: 100vw;
}

.events-section * {
  margin: auto;
  -webkit-align-self: center;
  align-self: center;
}

.events-section .section-title {
  width: 100%;
  margin-bottom: 1.25rem;
  color: white;
  text-align: center;
  text-transform: uppercase !important;
}

.events-section .event-card {
  position: relative;
  margin: 1rem 0.5%;
  border-radius: 0.5rem;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  align-self: flex-start !important;
  -webkit-align-self: flex-start !important;
}

.events-section .event-card .event-card-image {
  width: 100%;
  height: 30vh;
}

.events-section .event-card .event-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.events-section .event-card .event-card-text {
  position: relative;
  width: 100%;
  padding: 1rem;
  background-color: white;
}

.events-section .event-card .event-card-text .event-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  align-content: center;
  -webkit-align-content: center;
  padding: 0.5rem 0;
}

.events-section .event-card .event-card-text .event-details * {
  margin: auto;
  -webkit-align-self: center;
  align-self: center;
}


.events-section .event-card .event-card-text .event-details .event-price {
  font-size: 130%;
}

.events-section .event-card .event-card-text .event-details .add-to-cart {
  background-color: transparent;
  font-size: 150%;
  color: #664d4d;
}

.event-page-details {
  position: relative;
  width: 100%;
}

/************ Event *********/