:root {
	--droplet-width: 150px;
	--default-lh: 1.5;
    --default-p: clamp(14px, 3.55vw, 16px);
    --default-h3: clamp(40px, 4.55vw, 64px);
	--header_spacer_height: 105px;
	--font-primary: 'Oswald', Helvetica, Arial, sans-serif;
	--font-secondary: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.hero_container {
	position: relative;
	height: calc(100vh - var(--header_spacer_height));
	height: 99vh;
	min-height: 750px;
	display: flex;
}

.hero.wide {
	position: relative;
	width: 100%;
	height: 100%;
/* 	padding: 40px; */
	background-position: var(--background-position, center);
	background-size: var(--background-size, cover);
	box-sizing: border-box;
/* 	overflow: visible; */
	overflow: hidden;
}

.hero.wide:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.3) 100%);
}


/* bgvid */
@media (max-width: 768px) {
	.bgvid {
		display: none!important;
	}
	
/*
	.hero, .site-header {
    position: relative;
    height: 70vh;
}
.button-container {
    left: 50%;
    text-align: center;
    bottom: 140px;
}
*/
	}



.bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 0;
  background: #000;
}

/*
 *  Use the following to add a darkened overlay on top of the video
 *  (usually necessary for legibility if there will be text on top)
 */
 
.hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .25;
  z-index: 2;
}

/* end bgvid */

.floating {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 80%;
    padding-top: 100px;
    color: #fff;
    font-family: var(--font-primary);
    transition: .3s;
    transform: translate(-50%, -50%);
/*
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
*/
    box-sizing: border-box;
    z-index: 2;
}

	.floating-content {
	    position: relative;
	    margin: 0;
	    width: 100%;
	    height: 100%;
		font-size: 51px;
		font-size: clamp(48px, 12.5vw, 113px);
		font-weight: 600;
	    white-space: nowrap;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    box-sizing: border-box;
	}

		.floating-content p {
			margin: 0.1em 0;
			line-height: 1.2;
			text-transform: uppercase;
		}

		p.top_text {
			margin: 0;
			line-height: .9;
		}
		p.middle_text {
			margin: 0;
		}
		
		.time-container {
			position: relative;
			top: 59%;
			left: 0;
			transform: translate(0%, 50%);
			z-index: 2;
			margin-top: .5rem;
			background: #fff;
			color: var(--charcoal);
			padding: 15px 91px 15px 91px;
			width: fit-content;
		}
		p.bottom_text {
		    font-size: clamp(17px,3.55vw,26px);
		    font-family: var(--font-secondary);
		    text-transform: capitalize;
		    font-weight: 500;
		    margin: 0.75em 0;
			width: fit-content;
		}


			p.tag-action {
				margin-left: 6%;
			    position: relative;
			    left: 0;
			    font-style: normal;
			    text-indent: 0;
			    top: 58%;
			    left: 0;
			    transform: translate(0%, 50%);
			    z-index: 2;
			    margin-top: 3rem;
			}
	
				.hero.wide a.btn, .hero.wide a.btn:visited {

				}


		.tag-action .btn.white::after {
		    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.43 21.01'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f4e41c; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='13.92 0 11.1 2.83 16.77 8.5 0 8.5 0 12.5 16.77 12.5 11.1 18.18 13.92 21.01 24.43 10.5 13.92 0'/%3E%3C/g%3E%3C/svg%3E");
		    width: 51px;
		    height: 51px;
		    display: inline-block;
		    transform: translate(-50%, -50%);
		    top: 0;
		    transition: .2s;
		    background-repeat: no-repeat;
		    padding: 13px 11px 13px 13px;
		    position: absolute;
		    top: 50%;
		    right: 0%;

		}
	   .tag-action a.btn.white:hover::after, .tag-action span.btn.white:hover::after {
		    transform: translate(-40%, -50%);
		    
		}

#section-container {
	position: relative;
	background-color: #fff;
}


section {
	position: relative;
	padding: var(--section-padding-top) 0;
	background-color: #fff;
}

	.section_background_container {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
		.section_background_container::before {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
	
			background-image: var(--background-image);
			background-position: var(--background-position);
			background-size: cover;
		}
		section .background_container {
		    position: relative;
		    height: 0;
		    padding-top: 56.25%;
		}
			.section_background {				
				width: 100%;
				height: 0%;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				background-image: var(--background-image);
				padding-bottom: 56.25%;
			}

	section h2 {
		position: relative;
		margin: 0.25em auto 0.5em;
		color: var(--charcoal);
		font-family: var(--font-primary);
		font-size: 51px;
		font-size: var(--default-h3);
		font-weight: 600;
		text-align: left;
		text-transform: uppercase;
		line-height: 1.1;
	}
	
		section h2 span {
			font-size: .82em;
			display: block;
			white-space: nowrap;
		}
	
	section h3 {
		color: var(--charcoal);
		font-family: var(--font-secondary);
		font-size: 40px;
		margin: 0;
	}
	
	section h4 {
		position: relative;
		margin-bottom: 0;
		color: var(--charcoal);
		font-family: var(--font-primary);
		font-size: 25px;
		font-weight: 600;
		text-transform: uppercase;
	}
	
		section h4.active {
		}
		
			section h4:before {
				content: var(--icon-arrow-right-charcoal);
				position: absolute;
				left: 0;
				top: 50%;
				transform: translate(-150%, -50%);
				display: inline-block;
				vertical-align: middle;
				opacity: 0;
				transition: .3s;
			}

				section .active h4:before {
					opacity: 1;
				}
	
	section .section_content_wrapper {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	section p {
		position: relative;
		font-size: var(--default-p);
		line-height: var(--default-lh);
	}


	section .section-header {
		margin-bottom: 3rem;
	}

		section .section-header.centered {
			text-align: center;
		}


	.column_container {
		position: relative;
		width: 100%;
		padding: 60px 100px;
		display: flex;
		justify-content: space-between;
	}
	
		.column_container .column {
			position: relative;
			width: 50%;
		}
		
			.column_container .column-image {
/* 				width: 55%; */
			}
			
/*
			.column_container .column:not(.column-image) {
				padding: 0 9em;
			}
*/
		
			.column.left {
				padding-right: 0;
			}

			.column.right {
				padding-left: 0;
			}
			.pl {
				padding-left: 5%;
			}
			.pr {
				padding-right: 5%;
			}			
		

		.droplet_container {
			position: relative;
			margin-bottom: calc(var(--droplet-width) / 3.055);
		}

			.droplet {
				position: relative;
				width: var(--droplet-width);
				height: var(--droplet-width);
				border-radius: calc(var(--droplet-width) / 2) calc(var(--droplet-width) / 2) 0;
				transform: rotate(45deg);
				overflow: hidden;
			}
			
				.droplet::before {
					content: "";
					position: absolute;
					width: 120%;
					height: 130%;
					background-image: var(--background-image);
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					transform: translate(-50%, -40%) rotate(-45deg);
					left: 50%;
					top: 50%;
				}

		section .left,
		section .right {
			position: relative;
		}

		section .section_button {
			text-align: center;
		}
		
			section .section_button a {
				font-size: 17pt;
			}
		
		section .background_container {
			position: relative;
			height: 0;
			padding-top: 56.25%;
		}

			section .background_container .background {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background-position: center;
			    background-size: cover;
 			}
	
/*
		.section_action a.btn:first-child {
			margin-left: 0;
		}
		.section_action a.btn:last-child {
			margin-right: 0;
		}
*/


section#first-section {
	color: var(--charcoal);
	background-color: #fff;
	z-index: 2;
	padding-bottom: 80px;
}
	#first-section .section_content_wrapper {
		width: 100%;
		min-height: 200px;
		padding-top: 30px;
		}
	#first-section .background {
	    height: 0;
	    padding-bottom: 62.45733788395904%;
	}
	#first-section .section_background {
		padding-bottom: 62.4%
	}
	#first-section h2 {
		text-align: right;
		padding-right: 13%;
		outline-offset: -5px;
		border-bottom: 8px solid var(--primary-color);
		padding-bottom: 20px;
		margin-bottom: .25em;
	}
	#first-section .section_action {
		padding-right: 13%;		
	}
	#first-section .section_text {
	    position: relative;
	    background-color: #fff;
	    padding: 50px 0% 1px 96px;
	    text-align: right;
	    z-index: 3;
	}
	#first-section .bg_container {
	    padding: 0;
	    position: relative;
	    z-index: 2;
	}
	
section#second-section {
	
}
	#second-section .d-bg {
	    width: 60%;
	    background-color: var(--secondary-color);
	    height: 40%;
	    position: absolute;
	    left: 0;
	    display: block;
	    top: 35%;
	    content: "";
	    z-index: 0;
	}
	#second-section .section_content_wrapper {
		width: 100%;
		min-height: 100px;
	}
		.fyf_container {
			display: flex;
			flex-wrap: nowrap;
			width: 100%;
			padding: 0 6.5%;
			justify-content: space-between;
		}
		
		.glad { 
			padding-bottom: 30px;
		}

			.glad h2 {
				padding-left: 13%;
				margin: 0;
				width: max-content;
				border-bottom: 8px solid var(--primary-color);
				padding-bottom: 30px;
				padding-right: 30px;
			}
		
		.kids { grid-area: kids; }

		#second-section > div.section_content_wrapper.flex.centered.stacked.wow.fadeIn > div > div.adults > div > a > div > span {
		    bottom: 0%;
		}
		
		.adults { grid-area: adults; }
		
		.series { 
			grid-area: series;
			align-self: end;
			padding-bottom: 4px;
		}
		
		.students { 
			grid-area: students;
			align-self: end;
		}
		.kids .section_background {
		    padding-bottom: 56.40625%;
		}
		.students .section_background {
		    padding-bottom: 122.8%;
		}
		.adults .section_background {
		    padding-bottom: 77%;
		}		
		.border { 
			grid-area: 2 / 1 / 3 / 5;
			border-bottom: 8px solid var(--primary-color);
			padding-bottom: 30px;
			margin-right: 30px;	
		    max-width: 81%;
		    min-width: 300px;	
		}
		.border2 {
			grid-area: 7 / 1 / 8 / 6;
			border-bottom: 8px solid var(--primary-color);
			padding-bottom: 30px;
			margin-right: 30px;
			    width: 100%;
		}


	#second-section .bg_container {
	    position: relative;
	    height: 100%;
	}
	.fyf_container span.btn.white {
	    position: absolute;
	    bottom: -5%;
	}
	

section#third-section {
	background-color: #FFF;
	color: var(--charcoal);
		padding-bottom: 2rem;
}

	#third-section .section_content_wrapper {
		width: 75%;
	}
	#third-section .section_background span.btn.white {
	    position: absolute;
	    bottom: -3%;
	    margin: 0;
	    left: -1px;
	}
		

	


	

section#fourth-section {
	padding-top: 0;
	background-color: #fff;
	color: var(--charcoal);
/* 	padding-bottom: 8rem; */
}

	#fourth-section .section_content_wrapper {
		width: 100%;
		max-width: 100%;
	}
	
		#fourth-section .column_container {
			padding: 0 0 6rem;
			justify-content: space-between;
		}
		
			#fourth-section .column.column-text {
				padding: 0;
				background-color: #fff;
				position: relative;
				z-index: 1;
			}
		
				#fourth-section h2 {
					text-align: left;
					border-bottom: 8px solid var(--primary-color);
					padding-bottom: 17px;
					padding-left: 10%;
					margin-right: 9%;
					padding-top: 60px;
					padding-right: 24%;
				}
				
				#fourth-section p {
					font-size: 27px;
					text-align: left;
				}
				
				#fourth-section .section_action {
					position: relative;
					text-align: right;
					margin-right: 15%;
					padding-left: 10%;
				}

		#fourth-section	.bg_container {
			padding: 0;
			position: relative;
			z-index: 2;
		}
		#fourth-section .section_background {
			padding-bottom: 62.4%;
		}
		





section#events-section {
	background-color: #fff;
	padding-top: 0;
}
	#events-section .d-bg {
	    width: 60%;
	    background-color: var(--secondary-color);
	    height: 35%;
	    position: absolute;
	    right: 0;
	    display: block;
	    top: 32%;
	    content: "";
	    z-index: 0;
	}
	#events-section .section_text {
	    align-items: flex-end;
		padding-top: calc(var(--section-padding-top) + 30px);
	}

	#events-section .container {
		width: 95%;
	}

	#events-section h2 {
		color: var(--charcoal);
	    border-bottom: 8px solid var(--primary-color);
	    padding-bottom: 17px;	
	    margin: 0;	
		max-width: 820px;
		padding-right: 5%;
		padding-left:30px;		
	}
	#events-section .section_action {
		padding-right: 5%;
	}
	
	#events-section h4 {
		margin-top: 0;
		font-size: 21px;
	}

	#events-section .slide .event_title {
		margin-bottom: 1em;
		color:var(--charcoal);
		text-transform: capitalize;
		font-family: var(--font-primary);
		font-size: clamp(27px,3.55vw, 35px);
		line-height: 1.25;
		font-weight: 500;
	}

	#events-section .slide .event_date {
		margin-top: .25em;
		color: var(--charcoal);
	    font-size: clamp(15px,3.55vw,19px);
	    font-weight: 600;
	    text-decoration: none;
		text-transform: uppercase;
		font-family: var(--font-primary);


	}
	#events-section .slide .event_time {
		margin-top: .25em;
		text-transform: uppercase;
		font-size: clamp(15px,3.55vw,19px);
		font-family: var(--font-primary);
		font-weight: 300;
	}

	#events-section .slide .event_text p {
	    line-height: 1.3;
	    margin-bottom: 6px;
	}
	
	#events-section .slide-container {
	}
	
		#events-section .slide .event_action {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
	
	#events-section .section_action {
		position: relative;
		margin-top: 2em;
		text-align: center;
	}
	#events-section h4 {
		font-family: var(--font-secondary);
		font-size: clamp(27px,3.55vw, 35px);
		text-transform: capitalize;
	}
	.event_text {
	    max-height: 80px;
	    overflow: hidden;
	    margin-bottom: 80px;
	}

	#eventSlider span.btn.white {
	    position: absolute;
	    bottom: -5%;
	}
		#eventSlider .section_background {
			padding-bottom: 56.333333333333336%;
		}
			.slide-container .bg_container  {
			    position: relative;
/* 			    height: 77.21774193548387%; */
			}	


section#fifth-section {
	padding-bottom: 0px;
}			
#fifth-section .section_content_wrapper {
	width: 100%;
 justify-content: space-between;
}	

	#fifth-section h2 {
		color: var(--charcoal);
		border-bottom: 8px solid var(--primary-color);
		padding-bottom: 17px;
		margin: 0;
		max-width: 660px;
		padding-right: 5%;
		padding-left: 11%;
		align-self: baseline;
		width: 100%;
	}
	#fifth-section .text {
		padding-left:10%;
	}
		#fifth-section .bg_container {
			height: fit-content;
			padding-right: 12.5%;
			z-index: 1;
		}
			#fifth-section .section_background {
				padding-bottom: 100%;
			}


			#fifth-section .d-bg {
				width: 38%;
				background-color: var(--secondary-color);
				height: 65%;
				position: absolute;
				right: 0;
				display: block;
				top: 15%;
				content: "";
				z-index: 0;
			}


#third-section.mobile-hp .section_text {
	position: absolute;
    bottom: 88%;
    right: 0;
    background-color: #fff;
    padding: 40px 0% 30px 96px;
    text-align: right;
    z-index: 3;
}

#third-section.mobile-hp h2 {
	text-align: right;
    padding-right: 13%;
    outline-offset: -5px;
    border-bottom: 8px solid var(--primary-color);
    padding-bottom: 20px;
    margin-bottom: .25em;
}


.mobile-hp {
	display: block;
}	
.desktop-hp {
	display: none;
}		
		
#countup-container {
	filter: invert(1);
	background-color: #000;
	padding-bottom: 150px;
}
#countup-container


/**
 * ----------------------------------------
 * OPTION A
 * ----------------------------------------
 */			
			
html:not(.option-b) .white-bar {
    DISPLAY: NONE;
}
html:not(.option-b) .navigation > ul > li > a {
	color: var(--charcoal);
}
/* html:not(.option-b) .menu-bar, .menu-bar::before, .menu-bar::after {
    background-color: var(--primary-color-hex);
} */
html:not(.option-b) .primary.scrolled .menu-bar, 
html:not(.option-b) .primary.scrolled .menu-bar::before,
html:not(.option-b) .primary.scrolled .menu-bar::after {
    background-color: var(--charcoal);
}

	html:not(.option-b) .primary.scrolled .navigation > ul > li > a,
	html:not(.option-b) .primary.scrolled .navigation > ul > li > a:hover,
	html:not(.option-b) .primary.scrolled .navigation > ul > li > a:focus,
	html:not(.option-b) .primary.scrolled .navigation > ul > li > a.active,
	html:not(.option-b) .primary.scrolled .navigation > ul > li > a.active:hover {
		color: var(--charcoal);
	}
	html:not(.option-b)	.drop-shad {
		box-shadow: 1px 1px 18px rgb(0 0 0 / 11%);
	}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
.fade-in-left {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .4s both;
}
.fade-in-left2 {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}
.fade-in-left3 {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.7s both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.7s both;
}
.fade-in-left4 {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.2s both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.2s both;
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 1500px) {
section#first-section {
	padding-bottom: var(--section-padding-bottom);
}

}


@media (max-width: 1200px) {
}

@media (max-width: 1100px) {
	#third-section .column_container {
		padding: 60px 10px;
	}
		#fourth-section .bg_container {
		    width: 45%;
		}
}

@media (max-width: 1024px) {
	:root {
		--header_spacer_height: 50px;
	}
	.floating {
		padding-top: 150px;
	}

	section h2 {
	}
	section p {
		margin: 1rem 0;
	}
	
	.column_container {
		padding: 60px 70px;
	}

	#fourth-section .column.column-text {
/* 		padding: 70px; */
	}
	
		#fourth-section h2 {
		}
		section#first-section {
		    padding-bottom: 0;
		}

}

@media (max-width:860px) {
	.fyf_container {
	    grid-template-areas:
	        ". glad glad . . . . ."
	        ". glad glad . kids kids kids ."
	        ". . students . kids kids kids ."
	        ". . students . . . . ."
	        ". . students . . adults . ."
	        ". series series series . adults . ."
	        ". series series series . . . .";
	}
	.fyf_container span.btn.white {
	    bottom: 0%;
	    margin: 0;
	    left: -1px;
	}
#third-section .section_background span.btn.white {
    position: absolute;
    bottom: -4%;
    }	
}


@media (max-width: 768px) {
	.mobile-hp {
		display: block;
	}	
	.desktop-hp {
		display: none;
	}	
	.floating {
	}

	section h2 {

	}

	section h4 {
		font-size: 20px;
	}

	section p {
		font-size: 18px;
	}
	
/*
		section .btn {
			max-width: 75%;
		}
*/
		
			section .section_button a {
				font-size: 12pt;
			}

	
	.column_container {
		flex-direction: column;
		padding: 2rem;
	}
	p.tag-action {
	    top: 70%;
    }
	.time-container {
		top: 72%;
	}
	
		.column_container .column {
			padding: 0;
			width: 100%;
			text-align: center;
		}
		
			.column_container .column.left {
				padding-bottom: 2rem;
			}
	section#first-section {
	    padding-bottom: 0;
	}
	#first-section .section_text {
	    width: 87%;
	    padding: 30px 0% 10px 76px;
	}
		#first-section .section_content_wrapper {
		    min-height: 580px;
		    height: 100%;
		}	
			#first-section .bg_container {
			    padding: 0%;
			    position: relative;
			    top: 0%;
			    width: 80%;
			    z-index: 2;
		    }

			#first-section .section_text {
				position: relative;
				background-color: #fff;
				padding: 60px 0% 10px 96px;
				text-align: right;
				z-index: 3;
				width: 100%;
			}
	section#second-section {
/* 	    padding-top: 0; */
		padding-bottom: 0;
	}
		.fyf_container {
			justify-content: center;
			align-items: center;
			align-content: center;
			flex-wrap: wrap;
			justify-items: center;	
		}	
		.students {
			padding-bottom: 30px;
			max-width: 430px;
		}	
	#third-section a.column {
		margin-bottom: 10em;
	}
	section#fourth-section {
		padding-bottom: 0;
	}
	#fourth-section .column_container {
/* 		justify-content: flex-end; */
	}	
	#fourth-section .bg_container {
		width: 75%;
		position: relative;
		align-self: flex-end;
		margin-bottom: 0%;
	}
	#fourth-section .column.column-text {
	    /* padding: 70px; */
	    z-index: 1;
	    width: 66%;
/* 	    padding: 60px 0; */
	    bottom: 0;
	    margin-bottom: 1em;
	}	
	#fourth-section h2 {
		padding-top: 0px;
	}
	#fourth-section .column_container {
		padding: 0 0 1rem;
	}
	#fourth-section h2 {
/*
	    max-width: 300px;
	    margin: 0;
*/
	}
	#fifth-section .heading {
		width: 95%;
	}
		#fifth-section h2 {
			width: 100%;
			padding-bottom: 17px;
			margin: 0;
			max-width: 820px;
			padding-right: 5%;
			padding-left: 30px;
		}
			#fifth-section .text {
				width: 88%;
				margin: 0 auto;
				padding-left: 0;
			}
		#fifth-section .bg_container {
			padding-right: 0;
			width: 88%;
			margin: 0 auto;
			z-index: 1;
			max-width: 300px;
		}
		#fifth-section .d-bg {
			top: 53%;
			height: 44%;
		}
	#third-section.mobile-hp .section_text {
		position: relative;
		padding: 30px 0% 10px 36px;
	}
	section#third-section.mobile-hp {
		padding-top: 0;
	}
	#first-section .section_content_wrapper {
		flex-direction: column-reverse;
	}	
}

@media (max-width: 768px) and (min-height: 640px) {
/*
	.hero.wide {
		height: 50vh;
	}
*/

	.floating {
	}
	
		.floating-content {
		}
		
		.floating-content a.btn {
		}
		
}

@media (max-width:640px) {
	section {
		--section-padding-top: 2rem;
	}
	
	.floating {
		top: 55%;
		padding-top: 70px;
	}

	p.top_text {
		--spacing: .65em;
	}
	#first-section .section_text {
	    position: absolute;
	    top: 50%;
	    right: 0;
	    background-color: #fff;
	    padding: 30px 0% 10px 66px;
	    text-align: right;
	    z-index: 3;
	}	
		#first-section .section_text {
		    width: 78%;
		}	
	#fourth-section .bg_container {
		margin-bottom: 2rem;
	}
.fyf_container {
	width: 100%;
	grid-template-columns: 0.3fr 0.0fr 0fr .35fr 2.2fr 2.2fr 0.2fr .3fr;
    grid-template-rows: 0.2fr 0.0fr 0.8fr .5fr 0.4fr .8fr .3fr;
    grid-template-areas:
	". glad glad glad glad glad . ."
	". . . . kids kids kids ."
	". . . . kids kids kids ."
	". students students students students . . ."
	". students students students students . . ."
	". . . . adults adults adults ."
	". series series series series series . .";
}
/*
    grid-template-areas:
        ". glad glad glad glad glad . "
        ". . . . . . . ."
        ". . . . kids kids kids ."
        ". . . students students . . ."
        ". . . students students . . ."
        ". . . . adults adults adults ."
        ". series series series . . . .";
*/

	.kids, .students, .adults {
		padding-top: 60px;
	}
	
	.border {
	    grid-area: 2 / 1 / 3 / 7;
/* 	    max-width: 370px; */
	    padding-bottom: 0px;
    }
	.border2 {
	    grid-area: 7 / 1 / 8 / 7;
		
	}
	#fourth-section h2 {
	    padding-left: 5%;
	}
	.tag-action .btn.white::after {
	    right: -30px;
	}	
#second-section .bg_container {
	height: auto;
}	
section#events-section {
	padding-top: var(--section-padding-top);
}
.glad {
	padding: 0;
}


}

@media (max-width:520px) { 
	:root {
	    --default-h3: clamp(29px, 4.55vw, 64px)
	}
	.hero.wide a.btn, .hero.wide a.btn:visited {
	    padding: 17px 71px 17px 51px;
	}
	.floating {
		width: 90%;
	}
		p.top_text,
		p.middle_text {
			margin: 0;
			line-height: 1.2;
		}
	.floating-content{
/* 		font-size: clamp(35px, 3.55vw, 51px); */
		white-space: break-spaces;
	}
	#first-section .section_content_wrapper {
	    min-height: 500px;
	    height: 100%;
	}
	#first-section .bg_container,
	#first-section .section_text {
		position: relative;
	}
		#first-section .section_text {
			width: 100%;
			padding: 30px 0% 10px 36px;
		}
		section#first-section {
			padding-bottom: 2rem;
		}	
	section#second-section {
		padding-top: var(--section-padding-top) 0;
	}	
	.fyf_container {
	    grid-template-rows: 0.2fr 0.0fr 0.8fr .5fr 0.4fr .8fr .65fr;
	    grid-template-areas:
	        ". glad glad glad glad glad . ."
	        ". . . . kids kids kids ."
	        ". . . . kids kids kids ."
	        ". students students students students . . ."
	        ". students students students students . . ."
	        ". . . . adults adults adults ."
	        ". series series series series series . .";
}    
		.border {
		    padding-bottom: 0px;
		}
	#third-section .section_content_wrapper {
	    width: 88%;
	}	
	#fourth-section .column_container {
		flex-direction: column-reverse;
	}
		#fourth-section .column.column-text {
			position: relative;
			width: 100%;
			padding: 20px 0px;
			margin-bottom: 0;
		}
			#fourth-section .bg_container {
				margin-bottom: 0%;
			}		
	

	
	#events-section .section_text {
		padding-top: var(--section-padding-top);
	}
	#eventSlider span.btn.white {
	    position: absolute;
	    bottom: -5%;
	    /* right: 0px; */
	    font-size: clamp(16px,3.55vw,21px);
	    padding: 12px 36px 12px 9px;
	    white-space: nowrap;
	}	
		.slide-container .bg_container {
		    position: relative;
		    height: 63.6%;
		}
	section#events-section {
		padding-bottom: 0;
	}


}
@media (max-width: 480px) {
	:root {
		--page-padding: 6%;
	}
	
		.slide-container .bg_container {
		    position: relative;
		    height: 72.6%;
		}
		.floating {
			top: 41%;
			}
			.hero_container {
				height: 85vh;
				min-height: 450px;
			}
			
			.floating-content {
				font-size: clamp(38px, 8.5vw, 113px);
				padding-top: 60px;
			}
			.time-container {
				top: 60%;
				padding: 3px 12px;
		
			}
			#mainContainer a.btn, #mainContainer .hero.wide a.btn:visited{
				padding: 12px;
				}
				.floating {
					top: 47%;
					padding-top: 20px;
					}
			
			p.tag-action {
			top: 63%;
			margin: 0;
			}		
			#fifth-section h2,
			.glad h2,
			#events-section h2 {
				padding-left: var(--page-padding);
			}	
			#third-section.mobile-hp h2,
			#first-section h2,
			#first-section .section_action {
				padding-right: var(--page-padding);
			}
			.glad h2 {
				width: 80%;
			}

}



@media (max-width: 365px) {


}




@media (max-height: 800px) {
}

@media (max-height: 575px) {
}

@media (max-height: 450px) {
}