<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/* Rec */ 

h1 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  line-height: 1.1;
  max-width: 22ch;
  text-wrap: balance;
}

h2 {
  font-size: clamp(1.5rem, 4.5vw, 2.5rem);
  line-height: 1.2;
  max-width: 30ch;
  text-wrap: balance;
}

h3 {
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  line-height: 1.3;
  max-width: 40ch;
}
h1 {
  font-size: 2rem;
  line-height: 1.1;
}

/* Media Query */ 

@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
  }
}

/* Recommended Global Heading Reset */


h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

/* Optional: Tighter Mobile Control */ 

@media (max-width: 360px) {
  h1 {
    font-size: 1.75rem;
  }
}

/* Recommended Full Example (Hero Section) */

.hero h1 {
  font-size: clamp(2.2rem, 7vw, 3.75rem);
  line-height: 1.05;
  max-width: 20ch;
  text-wrap: balance;
}

.hero h2 {
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  line-height: 1.4;
  max-width: 45ch;
}


.font-Merryweather {
	font-family: "Merriweather", serif;
}

.font-Inter {
	font-family: "Inter", sans-serif;
}

.font-Work {
	font-family: "Work Sans", sans-serif;
}

.event-background {
	background-color: black;
	color: black;
}


*::-webkit-scrollbar {
  display: none;             /* Chrome, Safari, Opera */
}

}

	width: 75%;
}

.main-h1 {
	font-size: 3em;
	padding: 1em;
	color: 262626;
}

body {
	width: 100%;
}

</style>
<!-- end Simple Custom CSS and JS -->
