@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Apply the font to elements */
body {
  font-family: 'Roboto', sans-serif;
}

#wrapper {
background: url(https://s3.amazonaws.com/eventimages/events/182450/backgroundImage.jpg?v=104) repeat center;
}

#customBackgroundImage {
display: none;
}


html .event-info-description {
  padding: 1rem;
  display: flex;
  justify-content: center;
  font-size: clamp(1rem, 0.8rem + 0.8vw, 1.25rem);
  flex-direction: column;
  align-items: center;
}



html .event-info-description>* {
  max-width: 900px;
  width: 100%;
}



html .event-info-description p {
  font-size: clamp(1rem, 0.8rem + 0.8vw, 1.25rem);
  font-weight: 200;
}



html .event-info-description h1,
html .event-info-description h2,
html .event-info-description h3,
html .event-info-description h4,
html .event-info-description h5,
html .event-info-description h6 {
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
  color: #482366;
  line-height: 1;
  border-bottom: 2px solid #F9A61A;
  text-transform: uppercase;
}



h1,
.font-size-xxl {
  font-size: clamp(2.1875rem, -0.0625rem + 9vw, 5rem);
}



h2,
.font-size-xl {
  font-size: clamp(2rem, 0.4rem + 6.4vw, 4rem);
}



h3,
.font-size-l {
  font-size: clamp(1.75rem, 0.75rem + 4vw, 3rem);
}



.font-size-big {
  font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.5rem);
}



html .event-info-description ul {
  list-style-type: none;
  margin-bottom: 1rem;
  padding: 0;
}



html .event-info-description ul li {
  margin: 0;
  padding: 0;
  font-weight: 200;
}



.hexcode-grid-2-columns {
  --w1: 768px;
  --n: 2;
  --w2: 400px;
  --m: 1;

  display: grid;
  grid-template-columns:
    repeat(auto-fill,
      minmax(clamp(clamp(100%/(var(--n) + 1) + 0.1%,
            (var(--w1) - 100vw)*1000,
            100%/(var(--m) + 1) + 0.1%),
          (var(--w2) - 100vw)*1000,
          100%), 1fr));
  column-gap: 4rem;
  row-gap: 2rem;

}



.hexcode-grid-3-columns {
  --w1: 1200px;
  --n: 3;
  --w2: 800px;
  --m: 2;
  --w3: 400px;
  --p: 1;

  display: grid;
  grid-template-columns:
    repeat(auto-fill,
      minmax(clamp(clamp(clamp(100%/(var(--n) + 1) + 0.1%,
              (var(--w1) - 100%)*1000,
              100%/(var(--m) + 1) + 0.1%),
            (var(--w2) - 100%)*1000,
            100%/(var(--p) + 1) + 0.1%),
          (var(--w3) - 100%)*1000,
          100%), 1fr));
  column-gap: 4rem;
  row-gap: 2rem;
  border: 1px solid;
  overflow: hidden;
  margin: 5px;
  resize: horizontal;
}





.event-info-description {
  padding: 0;
}



.purple-background {
  background-color: #482366;
  color: #FFFFFF;
  padding: 1rem;
  margin-bottom: 1rem;
}


#sectionCustom1007840 table {
max-width: 800px;
}