@media only screen and (min-width: 1800px){
	:root {

		--site-width: 1640px;
	}
	section.full .panel{
		max-width:600px;

		padding: 80px;
	}
	#date_picker .day_of_the_month{
		font-size:45px;
		line-height:45px;
	}
	#date_picker .day_of_the_week{
		font-size:18px;
	}

	section.text h3 {
		max-width: 1100px;
	}
	section.card_carousel .card{
		width:400px;
	}
	.carousel_from_page{
		height:600px;
	}
	#carousel .card{
		width:400px;
	}
}
@media only screen and (min-width: 2000px){
	:root {

		--site-width: 1840px;
	}
	section.split .splitmedia {
		flex: 0 1 calc(60% - 120px);
	}

}





@media only screen and (max-width: 1600px){

.slick-list{padding:0 20% 0 0 !important;}

}

@media only screen and (max-width: 1400px){

	:root {

		--padding-w: 100px;
	}
	section.sponsors .logos .s_logo{

		margin:0 10px;
	}

}

@media only screen and (max-width: 1200px){

	:root {

		--padding-w: 80px;
	}

	.page-template-0_carousel #intro {
		float: none;
		width: 80%;
		margin-bottom:30px;
	}
	.page-template-0_carousel #inner {
		margin-top: 30px;
	}
	#carousel .card{
		margin:0 20px 20px 0;
	}

	section.sponsors .logos .s_logo.square img {
		width: 80px;
	}
	section.sponsors .logos .s_logo img {
		width: 150px;
	}
	section.sponsors .logos{
		gap:40px;
	}
	section.sponsors .logos .s_logo{
		height:70px;
	}
}
@media only screen and (max-width: 1024px){


	:root {
		--padding-h:100px;
		--padding-w: 60px;
	}
	.page-template-0_carousel #intro{
		padding-left:var(--padding-w);
	}
	 .page-template-0_carousel #content #inner{
		 padding-left:0;
	 }

	video.tall {
	}
	#masthead #site-logo{
		width:69px;
	}

	.footer-menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#schedule .thumb {
		 width: 80px;
		 height: 80px;
	 }
	#footer #pillar {
		flex: 0 0 350px;
	}
	#date_picker .date {
		padding: 20px 20px;
	}


	#day_title .inner {
		font-size: 25px;
		padding-left:30px;
		display: block;
	}
	#schedule .time .inner{
		font-size:20px;
	}

	  .faq-question {
		font-size: 15px;
		line-height:20px;
	  }
	  .faq-answer-inner {
		  padding-left: 60px;
		  padding-right: 60px;
	  }
#social{
		text-align: center;
	}
	#watermark{
		background-size:130% !important;
	}

	#schedule .time{
		justify-content: flex-start;
	}
	.remodal-close{
		left:20px;
	}
	#modalcontent .info{
		padding:20vh 20px 20px 20px;
	}

	#social .inner{
		width:100%;
	}
	#social{
		display: block;
	}
	#hero{
		padding:40px;
		padding-bottom: 60px;
	}
	section.full .panel{
		max-width:380px;
	}
	section.full .icon img{
		width:100px;
	}
	section.full .left-media{

		width:calc((100% - 380px)/2);
	}

	section.full .right-media{
		width:calc((100% - 380px)/2);
	}

	section.card_carousel .head{
		margin-bottom:30px;
	}
	#day_title span.title, #day_title span.text{
		 display:block;
		 padding-left:0;
	 }
	 section.text .body h6{
		 font-size:18px;
		 line-height:25px;
	 }
	 section.card_carousel .card{
		   width:300px;
	   }
	   .carousel_from_page{
		   height:450px;
	   }
	   #carousel .card{
		   width:300px;
	   }
}
@media only screen and (max-width: 900px)
{
	#modalcontent .info {
		flex: 0 1 50%;
	}
	#social .text {

	padding-left:0px;
	padding-right: 0px;
}
}

@media only screen and (max-width: 768px)
{
	:root {

		--gutter:20px;
		--padding-w: 40px;
		--padding-h: 80px;
	}
	#carousel .card{
		width:240px;
	}
	.btn{
		font-size:14px;
		padding:8px 20px;
	}
	section.text .subtitle{
		padding-left:0%;
	}
	.remodal-close{
		font-size:14px;
		padding:5px 16px;
		padding-left:50px;
	}
	#modalcontent{
		display: block;
	}
	#modalcontent .info{
		position: relative;
		max-height:unset;
	}
	#masthead #mobile-menu{
	display: block;
	}

	#schedule .time .inner {

	font-size: 17px;
	line-height: 20px;
	}

	section.full .panel{
		justify-content:flex-start;
	}
	#masthead #site-logo, #masthead.scrolled #site-logo {
		height: 53px;
		width:53px;
		background: url(../images/logo.svg) no-repeat;
		background-size: 210px 53px;
		transition: all .3s;
	}
	.two_col ul{
		display: block;
	}
	section.text.two_col .body, section.text.two_col .buttons, section.text.two_col .subtitle{
		padding-left:0;
	}
	#footer #pillar, #footer-menu {
		flex: 0 1 100%;
	}

	#footer .wrapper{
		flex-wrap:wrap-reverse;
			padding-left: var(--padding-w);
			padding-right: var(--padding-w);

	}

	#footer ul li.menu-item-has-children{
		margin-bottom:30px;
		margin-right:0px;
	}


	#footer li.menu-item-has-children > a {
	font-size: 18px;
}
	#footer #socials a{
		margin:0 5px;
	}

	#date_picker .day_of_the_week{
		font-size:13px;
	}
	#date_picker .day_of_the_month{
		font-size:25px;
		line-height:25px;
	}
	#date_picker .wrapper{
		flex-wrap: wrap;
	}
	.banner #message{
		max-width: unset;
		float:none;
		background: var(--red) url(../images/down.svg) calc(100% - 30px) calc(100% - 30px) no-repeat;
		padding-right:50px;
		padding-left: var(--padding-w);
		font-size:14px;
		line-height:21px;
	}
	section.full .panel .words{
		text-align:left;
		width: 100%;
	}
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	.banner iframe.mobile{
		min-height:140vh;
	}
	section.full .panel .words {
		margin: 60px 0;
	}
	section.text .subhead, section.text .buttons, section.text .body {
		padding-left: 0%;
	}
	section.text h3 {
		margin-bottom: 30px;
	}
	section.text .buttons {
		margin-top: 30px;
	}
	section.text .watermark{
		background-size:70% !important;
	}
	section.full{
		width:100%;
		aspect-ratio:.7;
	}
	section.slider .carousel .slide{

		height:25vh;
	}
	section.split .text, section.split .splitmedia {
		flex: 0 1 100%;
	}
	section.full .panel, 	#social .inner {
		padding-left:30px;
		padding-right:30px;
	}
	#day_title span.title{
		font-size:20px;
	}
	section.split .splitmedia{
		margin-top:40px;
	}
	section.split .watermark{
		background-position:right 20vh !important;
		background-size: 60% !important;
	}
	section.split.media_then_text .watermark{
		background-position: right top !important;
	}
	#hero .media iframe.mobile{
		min-height:140vh;
	}
	section.full.transparent-1 .panel{
		max-width:100%;
		border:none;
		//background:var(--dark);
		background: url(../images/footer.webp) center center no-repeat;
		background-size: cover;
	}

	#day_title span.text {
	font-size: 12px;
	padding-left:0;
	line-height:16px;
}

	section.form .gform-theme--foundation .gfield--width-half {
		grid-column: span 12;
	}

	section.full .media{
		aspect-ratio: 1;
		position: relative;
	}
	section.full .panel{
		height:unset;
		padding:0px var(--padding-w);
	}

	section.full .icon img{
		width:80px;
	}

	section.full .left-media, section.full .right-media{
		position: relative;
		aspect-ratio: 9/16;
		width:100%;
	}
	section.full .split-media{
		display: flex;
	}
	section.split.media_then_text .image_2{
		margin-left:0;
	}
	section.full .panel {
		max-width: unset;
		border:none;
	}
	section.full .split-media iframe{

		min-height: 100vw;
	}
	section.full .panel{
		min-height:unset;
	}
	section.card_carousel .head{
		display: block;
	}
	section.card_carousel .head .titles{
		margin-bottom:30px;
	}
	section.card_carousel .right{
		width:100%;
		justify-content: space-between;
	}
	section.sponsors .logos .s_logo.square img {
		width: 60px;
	}
	section.sponsors .logos .s_logo img {
		width: 90px;
	}
	section.sponsors .logos .s_logo{
		height:40px;
	}

	section.sponsors .subtitle br{
		display: none;
	}
	section.full .icon {
		text-align: right;
		width:100%;
	}
	#schedule .words .title {
		margin-bottom:10px;

		font-size: 26px;
		line-height: 26px;
		letter-spacing: -.5px;
		padding-right:30px;
	}
	section.full .icon img {
		width: 80px;
	}
	#schedule .detail{
		padding:20px;
	}
	#schedule .time .inner {
		width: 120px;
	}
	#schedule .time{
		flex: 0 1 140px;
	}
	#schedule .detail{
		flex-grow: 1;
	}
	section.three_column .col{
		flex:0 1 45%;
	}
	.faq-icon{
		font-size:20px;
	}
	#masthead #main-menu{
		display: none;
	}
	section.card_carousel .carousel_from_page {
		  padding-left: var(--padding-w);
	  }

	  #social .text{
		  text-align:left;
	  }
	  #social .inner{
		  padding:0;
	  }

	  :root {
		  --gap:20px;
	  }
	  section.full .panel .words {
		  margin: 40px 0 60px 0;
	  }
	  section.card_carousel .card{
			 width:250px;
		 }
		 .carousel_from_page{
			 height:385px;
		 }
}


@media only screen and (max-width: 600px)
{
	:root {
		--padding-w: 30px;
	}
	#carousel .card{
		width:220px;
	}
	.faq-question-text {
	  font-size: 15px;
	  line-height:21px;

	}

	section.split .body ul{
		padding:0 20px;
	}
	section.full .panel .btn {
		display: block;
	}
	section.full h6 {
		  margin-top: 20px;
	  }
	  .banner #message{
			padding-right:60px;
		}
	.banner{
		height:70vh;
	}
	section.three_column .col{
		flex:0 1 100%;
	}
	.faq-question{
		padding:12px 20px;
	}
	section.three_column .title{
		height:auto;
		min-height:unset;
		margin-top:30px;
		margin-bottom:30px;
	}
	.faq-answer-inner {
		padding: 20px;
	}
	section.split .subtitle{
		line-height:22px;
	}
	section.split .splitmedia .image_2 {
	margin-top: 10px;
}
.faq-item {
		margin-bottom: 10px;
	}
	section.three_column .col:first-of-type h4{
		margin-top:0;
	}
	section.three_column .title:empty{
		display: none;
	}
	.banner .text{
		padding-right:20%;
	}
	#date_picker .date {
		padding: 10px;
	}
	#date_picker .day_of_the_week {
		margin-bottom:0px;
	}
	#date_picker .wrapper{
		padding:0px;
	}
	.page-template-0_schedule #header h1 {
		margin-top: 100px;
		margin-bottom: 40px;
	}
	#schedule .time .inner {
		width: 100px;
		padding-left: 20px;
	}
	#schedule .time {
		flex: 0 1 70px;
	}
	#schedule .detail{
		padding:20px;
	}
	#schedule .info{
		display: block;
		padding-bottom: 10px;
	}
	#schedule .words{
		margin-right:0;
	}
	.panel
	.subtitle{
		 padding-right:10%;
		 color:var(--light-grey);
	}
	#schedule .buttons {
		text-align:left;
	}
	#schedule .buttons .btn_secondary{
		margin-right:3px;
		margin-left:0;
	}
	section.form .wrapper{
		display: block;
	}

	section.form .right{
		padding-left:0;
		margin-top:30px;
	}
	.slick-list {
		padding: 0 20% 0 0 !important;
	}
	.page-template-0_carousel #header {
		max-width: 80%;
		padding-top:100px;
	}
	.page-template-0_carousel #intro {
		padding-right: var(--padding-w);
		width: 100%;
	}
	#masthead .sub-menu .menu-item:hover a {
		color: var(--gold);
		background: none;
	}
	.split{
		column-count: 1;
	}

	#masthead .menu-item:hover > a {
		background: none;
	}

	#hero{
		padding:20px;
		padding-bottom: 40px;
	}
	#hero #promo .msg{
	font-size:13px;
	line-height:13px;
}

	#countdown{
		right:unset;
		left:var(--padding-w);
		justify-content: space-between;
	}
	#countdown .left {
		padding-right: 10px;
		border:none;
		margin-right: 10px;
	}

	section.text .body ul{
		padding:0px 20px;
	}

	section.sponsors .logos{
		display: grid;
		  grid-template-columns: repeat(3, 1fr);
		  justify-content: center;
		  gap: 30px 20px;
	}
	section.sponsors .logos .s_logo.square img {
		width: 50px;
	}
	section.sponsors .logos .s_logo img {
		width: 80px;
	}
	section.sponsors .logos .s_logo{
		height:30px;

	}
	#day_title {
		width: 100%;
		justify-content: flex-start;
		padding:0 20px 0 0;
	}
	#day_title span.title {
		font-size: 18px;
	}
	#schedule .detail{
		display: block;
	}

	#schedule .buttons{
		text-align: left;
		display: flex;
		justify-content: flex-start;
	}


}


@media only screen and (max-width: 400px)
{
#date_picker .day_of_the_week{
	font-size:12px;
}
#date_picker .day_of_the_month{
	font-size:20px;
	line-height:20px;
}
	#schedule .time .inner{
		padding-left:10px;
	}
	#
	#schedule .time {
		flex: 0 1 80px;
	}
	#schedule .time .inner {
		width: 70px;
	}
	#schedule .time{
	}
	#schedule .detail {
		padding: 20px;
	}
	.btn_secondary{
		font-size:14px;
	}
	#schedule .thumb {
		width: 60px;
		height: 60px;
	}
	#schedule .words .title{
		margin-top:10px;
	}
	#schedule .time .inner {
		font-size: 16px;
		line-height:20px;
		letter-spacing: 0px;
		padding-left: 10px;
	}
	#countdown .right .unit{
		 margin:0 10px 0 0;
	 }
	 #countdown .title{
		 font-size:16px;
		 line-height:16px;
	 }
	 #hero #countdown{
		 left:10px;
	 }
	 #day_title .inner{
		 display: block;
	 }


	 #day_title span.text{
	 }
	 #hero{

		 padding-top:120px;
			 padding-bottom: 160px;

	 }
	 #schedule .buttons {
		 margin-left:0;
		 margin-top:10px;
	 }

 	#day_title .inner {
		 padding:10px  20px;
		 font-size: 20px;
	 }
	 section.text .body ul.two_col{
		 column-count:1;
	 }


}

@media only screen and (max-width: 360px){

}