@media only screen and (max-width: 1940px) {
	#splash-graphic .inner .copy {
		font-size: 18px;
		line-height: 26px;
	}
	#splash-graphic .inner .copy h1 {
		font-size: 3.5vw;
		line-height: 1.1;
		letter-spacing: -.03em;
	}
	#splash-graphic .inner .copy h1 strong {
		letter-spacing: -.03em;
	}
	#splash-graphic-landing .inner .copy h1 {
		font-size: 2.5vw;
		line-height: 1.2;
	}
	#splash-graphic-landing .inner .copy h1 strong {
		letter-spacing: -.03em;
	}
	#banner .inner .copy h1 {
		font-size: 4.25vw;
		line-height: 1em;
	}
}


@media only screen and (max-width: 1550px) {
	.main-page header .logo-holder {
		width: 20%;
		padding: 3.5% 12% 4% 5%;
	}
	.main-page header .logo-holder.expanded {
		width: 20%;
		padding: 3.5% 12% 4% 5%;
	}
	header .logo-holder {
		width: 35%;
	}
	#splash-graphic .inner .copy {
		font-size: 14px;
		line-height: 21px;
		width: 45%;
	}
	#splash-graphic .inner .copy button {
		font-size: 15px;
		line-height: 15px;
		padding: 10px 42px 12px 20px;
	}
	#splash-graphic-landing .inner .copy {
		font-size: 14px;
		line-height: 21px;
		width: 45%;
	}
	#splash-graphic-landing .inner .copy button {
		font-size: 15px;
		line-height: 15px;
		padding: 10px 42px 12px 20px;
	}
	#banner {
		height: 37vw;
	}
	section.body-section {
		padding: 3.5em 0px;
		border-bottom: 1px solid;
		border-image: linear-gradient(90deg, rgba(0,0,0,0) 5%, rgba(0,0,0,.1) 30%, rgba(0,0,0,.1) 70%, rgba(0,0,0,0) 95%) 1;
	}
}


@media only screen and (max-width: 1250px) {
	header .logo-holder {
		top: 30px;
	}
	#splash-graphic .inner .copy {
		font-size: 12px;
		line-height: 19px;
		width: 47%;
	}
	#splash-graphic .inner .copy button {
		font-size: 1.3vw;
		line-height: 1em;
		padding: 8px 10% 9px 5%;
	}
	#splash-graphic .inner .copy button::before {
		width: 10px;
		height: 10px;
		right: 5%;
	}
	
	#splash-graphic-landing .inner .copy {
		font-size: 12px;
		line-height: 19px;
		width: 47%;
	}
	#splash-graphic-landing .inner .copy button {
		font-size: 1.3vw;
		line-height: 1em;
		padding: 8px 10% 9px 5%;
	}
	#splash-graphic-landing .inner .copy button::before {
		width: 10px;
		height: 10px;
		right: 5%;
	}
	
	#splash-graphic-landing-2022 .inner .copy {
		font-size: 12px;
		line-height: 19px;
		width: 47%;
	}
	#splash-graphic-landing-2022 .inner .copy button {
		font-size: 1.3vw;
		line-height: 1em;
		padding: 8px 10% 9px 5%;
	}
	#splash-graphic-landing-2022 .inner .copy button::before {
		width: 10px;
		height: 10px;
		right: 5%;
	}
	
	.footer-nav .footer-site-nav {
		text-align: right;
		width: 55%;
	}
	.footer-nav .footer-site-nav li {
		display: inline-block;
		margin: 0px 0px 7px;
		width: 23%;
		text-align: right;
	}
	.footer-nav .footer-site-nav a {
		padding: 2px 3px 2px;
	}
	#splash-graphic-landing-2022 {
		min-height: 0;
	}
}


@media only screen and (max-width: 1050px) {
	.main-page footer {
		padding: 15px 0px 15px 0px;
	}
	.main-page .footer-logo, .main-page .footer-address {
		display: inline-block;
		vertical-align: top;
		margin: 0px 10px 0px 0px;
	}
	.footer-logo {
		width: 160px;
	}
	.main-page .footer-address {
		display: block;
		font-size: 11px;
		line-height: 12px;
		letter-spacing: .0em;
		margin: 7px 0px 0px 0px;
	}
	.main-page .footer-address div {
		display: inline-block;
		margin: 0px 8px 0px 0px
	}
	#see-your-funding .see-your-funding-title-box {
		background-size: cover;
		background-image: url('../images/search-area/search-bar-mobile.jpg');
	}
	#see-your-funding .see-your-funding-title-box .inner{
		display: block;
		
	}
	#see-your-funding .see-your-funding-title-box::before  {
		display: none;
	}
	#see-your-funding .see-your-funding-title-box h2 {
		margin-bottom: 20px;
	}
	#see-your-funding .see-your-funding-title-box h2 br {
		display: none;
	}
	
	#see-your-funding .funding-data-wrapper {
		margin-top:0;
		padding:0;
	}
	
	#see-your-funding .funding-data-wrapper .inner{
		width: 100%;
	}
	
	#splash-graphic-landing-2022 .inner{
		margin-top:150px;
	}
	
}


@media only screen and (max-width: 800px) {
	header .logo-holder {
		top: 24px;
	}
	header.triggered .logo-holder {
		top: 15px;
		width: 190px;
	}
	.hamburger-content > ul > li > a, .hamburger-content > ul > li button {
		font-size: 13px;
		line-height: 13px;
		padding: 30px 15px 17px;
	}
	.hamburger-content > ul > li button {
		padding: 30px 15px 17px 31px;
	}
	.hamburger-content > ul > li button::before {
		left: 15px;
		top: 31px;
		width: 8px;
		height: 8px;
	}
	.hamburger-content > ul > li button:hover::before, .hamburger-content > ul > li button:focus::before, .hamburger-content > ul > li button:active::before, .hamburger-content > ul > li button.active::before {
		top: 35px;
	}
	.hamburger-content > ul > li button.active:hover::before, .hamburger-content > ul > li button.active:focus::before {
		top: 31px;
	}
	.hamburger-content > ul > li > a::after, .hamburger-content > ul > li button::after {
		height: 3px;
	}
	.hamburger-content > ul > li .district-menu {
		padding: 0px 0px 0px;
	}
	.hamburger-content > ul > li .district-menu li a {
		font-size: 12px;
		line-height: 12px;
		padding: 7px 15px 8px 25px;
		border-bottom: 0px solid #ebebeb;
	}
	.hamburger-content > ul > li .district-menu li a::after {
		top: 50%;
		left: 22%;
	}
	.hamburger-content > ul > li .district-menu li:first-child a {
		padding: 18px 15px 8px 25px;
	}
	.hamburger-content > ul > li .district-menu li:first-child a::after {
		top: 66%;
	}
	.hamburger-content > ul > li .district-menu li:last-child a {
		padding: 7px 15px 18px 25px;
	}
	.hamburger-content > ul > li .district-menu li:last-child a::after {
		top: 38%;
	}
	section.body-section h2 {
		font-size: 3.85vw;
		line-height: 1em;
	}
	#district-direct-grants ul li {
		padding: 1vw 0px 1vw 32%;
		margin: 1em 0px;
		position: relative;
		z-index: 1;
	}
	#district-direct-grants ul li h4 {
		font-size: 1.2em;
		margin: 0em 0px .5em;
	}
	#district-direct-grants ul li::before {
		width: 27%;
		padding-bottom: 27%;
	}
	.footer-nav .footer-site-nav {
		width: 46%;
	}
	.footer-nav .footer-site-nav li {
		width: 32%;
	}
	.main-page header .logo-holder {
		width: 45%;
		padding: 4% 12.5% 6.5% 5%;
		left: -4.5vw;
		top: 0px;
	}
	.main-page header .logo-holder.expanded {
		width: 45%;
		padding: 4% 12.5% 6.5% 5%;
		left: -4.5vw;
		top: 0px;
	}
	#splash-graphic {
		position: relative;
		z-index: 1;
		padding: 57vw 0px 5vw;
		background-color: #ffffff;
		overflow: hidden;
		
	}
	#splash-graphic::before {
		z-index: -1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		background-size: cover;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url("../images/front-graphic/banner-mobile.jpg");
	}
	#splash-graphic::after {
		content: none;
	}
	#splash-graphic .inner {
		position: static;
		z-index: 1;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	#splash-graphic .inner .copy {
		display: block;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		padding: 7.5%;
		color: #ffffff;
		text-shadow: 2px 2px 3px rgba(0,120,125,.4);
		background-color: #007b7e;
	}
	
	#splash-graphic.year-2022 .inner .copy {
		background-color: #074a20;
	}
	#splash-graphic .inner .copy h1 {
		font-size: 6.25vw;
		line-height: 1em;
		max-width: 1500px;
	}
	#splash-graphic .inner .copy button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		outline: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #ffffff;
		text-decoration: none;
		font-size: 2.35vw;
		line-height: 15px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 11px 10% 13px 5%;
		background-color: rgba(0,0,0,0);
		position: relative;
		z-index: 1;
		transition: .3s all ease-in-out;
		overflow: hidden;
		border: 2px solid #ffffff;
	}
	
	#splash-graphic-landing {
		position: relative;
		z-index: 1;
		padding: 55vw 0px 5vw;
		background-color: #ffffff;
		overflow: hidden;
	}
	#splash-graphic-landing::before {
		z-index: -1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		background-size: 100%;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url("../images/front-graphic/banner-mobile-2022.jpg");
	}
	#splash-graphic-landing::after {
		content: none;
	}
	#splash-graphic-landing .inner {
		position: static;
		z-index: 1;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	#splash-graphic-landing .inner .copy {
		display: block;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		padding: 7.5%;
		color: #ffffff;
		text-shadow: 2px 2px 3px rgba(0,120,125,.4);
		background-color: #007b7e;
	}
	#splash-graphic-landing .inner .copy h1 {
		font-size: 6.25vw;
		line-height: 1em;
		max-width: 1500px;
	}
	#splash-graphic-landing .inner .copy button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		outline: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #ffffff;
		text-decoration: none;
		font-size: 2.35vw;
		line-height: 15px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 11px 10% 13px 5%;
		background-color: rgba(0,0,0,0);
		position: relative;
		z-index: 1;
		transition: .3s all ease-in-out;
		overflow: hidden;
		border: 2px solid #ffffff;
	}
	
	
	#splash-graphic-landing-2022{
		position: relative;
		z-index: 1;
		padding: 55vw 0px 5vw;
		background-color: #ffffff;
		overflow: hidden;
	}
	#splash-graphic-landing-2022::before {
		z-index: -1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		background-size: 100%;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url("../images/front-graphic/banner-mobile-2022.jpg");
	}
	#splash-graphic-landing-2024::before {
		z-index: -1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		background-size: 100%;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url("../images/front-graphic/banner-mobile-2024.jpg");
	}
	#splash-graphic-landing-2022::after {
		content: none;
	}
	#splash-graphic-landing-2022 .inner {
		position: static;
		z-index: 1;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	#splash-graphic-landing-2022 .inner .copy {
		display: block;
		font-size: 15px;
		line-height: 23px;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		padding: 7.5%;
		color: #ffffff;
		text-shadow: 2px 2px 3px rgba(0,120,125,.4);
		background-color: #007b7e;
	}
	#splash-graphic-landing-2022 .inner .copy h1 {
		font-size: 6.25vw;
		line-height: 1em;
		max-width: 1500px;
	}
	#splash-graphic-landing-2022 .inner .copy button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		outline: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #ffffff;
		text-decoration: none;
		font-size: 2.35vw;
		line-height: 15px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 11px 10% 13px 5%;
		background-color: rgba(0,0,0,0);
		position: relative;
		z-index: 1;
		transition: .3s all ease-in-out;
		overflow: hidden;
		border: 2px solid #ffffff;
	}
	
	.main-page footer {
		width: 100%;
		padding: 4vw 0px 60px 0px;
		position: relative;
		z-index: 1;
	}
	.main-page .footer-address {
		display: block;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: .01em;
		margin: 10px 0px 0px;
	}
	.main-page .footer-address div {
		display: block;
		margin: 0px 0px;
	}
	.main-page footer br {
		display: block;
	}
	.main-page footer .footer-site-nav {
		display: block;
	}
	.main-page .footer-logo, .main-page .footer-address {
		display: block;
	}
	.main-page.footer-logo {
		width: 240px;
	}
	.main-page .social-media {
		bottom: 0;
		top: auto;
	}
	.main-page .desktop-only {
		display: none;
	}
	#see-your-funding .selector-wrap select {
		font-size: 14px;
		width: 100%;
	}
	#see-your-funding .see-your-funding-title-box h2 {
		font-size: 24px;
	}
#splash-graphic-landing-2022 .inner{
	margin-top:0;
}
	#see-your-funding {
		margin-bottom: 20px;
	}
}


@media only screen and (max-width: 660px) {
	.hamburger-content > ul > li .district-menu li a {
		font-size: 11px;
		line-height: 11px;
		padding: 5px 15px 6px 25px;
		border-bottom: 0px solid #ebebeb;
	}
	.hamburger-content > ul > li .district-menu li a::after {
		top: 50%;
		left: 22%;
	}
	.hamburger-content > ul > li .district-menu li:first-child a {
		padding: 15px 15px 6px 25px;
	}
	.hamburger-content > ul > li .district-menu li:first-child a::after {
		top: 67%;
	}
	.hamburger-content > ul > li .district-menu li:last-child a {
		padding: 5px 15px 15px 25px;
	}
	.hamburger-content > ul > li .district-menu li:last-child a::after {
		top: 35%;
	}
	#splash-graphic {
		position: relative;
		z-index: 1;
		padding: 75vw 0px 5vw;
		background-color: #ffffff;
		overflow: hidden;
	
	}
	#district-direct-grants ul li {
		padding: 55% 0px 5%;
		margin: 0px 0em;
	}
	#district-direct-grants ul li h4 {
		font-size: 1.3em;
	}
	#district-direct-grants ul li::before {
		left: 0;
		top: 0;
		transform: translateY(0%);
		width: 50%;
		padding-bottom: 50%;
	}
	.footer-nav .footer-site-nav {
		width: 40%;
	}
	.footer-nav .footer-site-nav li {
		width: 45%;
	}
	#splash-graphic-landing ul li {
		display: block;
		margin-right:0;
		margin-bottom: 10px;	
	}
	#see-your-funding .table-wrap .row {
		display: block;
	}
	#see-your-funding .table-wrap .row .col:first-child {
		width: 100%;
	}
	#see-your-funding .table-wrap .row .col:last-child {
		width: 100%;
		padding: 5px;
	}
	
	#splash-graphic-landing {
		position: relative;
		z-index: 1;
		padding: 65vw 0px 5vw;
		background-color: #ffffff;
		overflow: hidden;
	}
}


@media only screen and (max-width: 540px) {
	header::before {
		content: none;
	}
	header.triggered {
		background-color: rgba(255,255,255,0);
		box-shadow: none;
	}
	header .inner {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	header .logo-holder {
		width: 60%;
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 5% 14% 7% 5.5%;
		transition: .05s all ease-in-out;
	}
	.main-page header .logo-holder {
		width: 60%;
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 5% 14% 7% 5.5%;
		transition: .05s all ease-in-out;
	}
	header .logo-holder::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: url("../images/banners/mobile/green-title-back.png");
		background-size: contain;
		background-position: top left;
		background-repeat: no-repeat;
	}
	header.triggered .logo-holder {
		width: 40%;
		padding: 5% 15.5% 12% 6%;
		top: 0px;
		transition: .25s all ease-in-out;
	}
	.main-page header.triggered .logo-holder {
		width: 40%;
		padding: 5% 15.5% 12% 6%;
		top: 0px;
		transition: .25s all ease-in-out;
	}
	header .logo-holder .logo {
		background-image: url("../images/lsta-in-ma-2023.png");
	}
	header .logo-holder .logo::after {
		background-image: url("../images/lsta-in-ma-2023-black.png");
	}
	header.triggered .logo-holder .logo::after {
		opacity: .16;
	}
	header .logo-holder .logo::before {
		background-image: url("../images/lsta-in-ma-2023.png");
	}
	.hamburger-title {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		outline: none;
		position: fixed;
		z-index: 1234567;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		box-sizing: border-box;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 17px;
		line-height: 17px;
		font-weight: 900;
		color: #ffffff;
		text-transform: uppercase;
		letter-spacing: .05em;
		padding: 15px 20px 16px;
		border: 0px solid rgba(20,135,140,1);
		text-shadow: 1px 1px 3px rgba(0,120,125,1);
		background-color: rgba(20,135,140,1);
		overflow: hidden;
		transition: .25s all ease-in-out;
		box-shadow: 0px -2px 3px 0px rgba(0,0,0,.12);
	}
	.hamburger-title::before, .hamburger-title::after {
		content: "";
		position: absolute;
	}
	.hamburger-content {
		display: none;
		position: fixed;
		z-index: 25;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
		background-image: linear-gradient(180deg, rgba(65,190,200,.2) 20%, rgba(65,190,200,0) 80%), url("../images/mobile-menu-green.jpg");
		background-size: cover;
		background-position: top center;
	}
	
	.year-2022 .hamburger-content {
		background-image: linear-gradient(180deg, rgba(65,190,200,.2) 20%, rgba(65,190,200,0) 80%), url("../images/mobile-menu-green-2022.jpg");
	}
	.hamburger-content .mblc-nav {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-sizing: border-box;
		width: 100%;
		padding: 10%;
	}
	.hamburger-content > ul > li {
		display: block;
	}
	.hamburger-content > ul > li > a, .hamburger-content > ul > li .district-menu li a, .hamburger-content > ul > li .district-menu li:first-child a, .hamburger-content > ul > li .district-menu li:last-child a {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		outline: none;
		border: none;
		border-bottom: 1px solid #ebebeb;
		border-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.25) 50%, rgba(255,255,255,0) 100%) 1;
		display: block;
		color: #ffffff;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: .1em;
		padding: 10px 20px 10px;
		background-color: rgba(0,0,0,0);
		position: relative;
		z-index: 1;
		transition: .2s all ease-in-out .1s;
		overflow: hidden;
	}
	.hamburger-content > ul > li .district-menu li:last-child a {
		border-bottom: 0px solid #ebebeb;
	}
	.hamburger-content > ul > li > a:hover, .hamburger-content > ul > li > a:focus, .hamburger-content > ul > li > a:active, .hamburger-content > ul > li .district-menu li a:hover, .hamburger-content > ul > li .district-menu li a:focus, .hamburger-content > ul > li .district-menu li a:active {
		
	}
	.hamburger-content > ul > li button {
		display: none;
	}
	.hamburger-content > ul > li > a::after, .hamburger-content > ul > li .district-menu li a::after, .hamburger-content > ul > li .district-menu li:first-child a::after, .hamburger-content > ul > li .district-menu li:last-child a::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 0px;
		height: 3px;
		width: auto;
		border-radius: 0px;
		background-color: rgba(255,255,255,0);
		background-image: linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.45), rgba(255,255,255,.45), rgba(255,255,255,.0));
		transform-origin: center;
		transform: scaleX(0);
		transition: .25s all ease-in-out;
	}
	.hamburger-content > ul > li > a:hover::after, .hamburger-content > ul > li > a:focus::after, .hamburger-content > ul > li > a:active::after, .hamburger-content > ul > li button:hover::after, .hamburger-content > ul > li .district-menu li a:hover::after, .hamburger-content > ul > li .district-menu li a:focus::after, .hamburger-content > ul > li .district-menu li a:active::after {
		transform: scaleX(1);
	}
	.hamburger-content > ul > li .district-menu {
		display: block !important;
		position: relative;
		z-index: 1;
		background-color: rgba(255,255,255,0);
		box-shadow: none;
	}
	#banner {
		width: 100%;
		height: 106.5vw;
		background-color: #ffffff;
		position: relative;
		z-index: 1;
		max-height: 200000px;
		background-image: url("../images/banners/mobile/green-banner-2-mobile.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.first-district #banner, .fifth-district #banner, .ninth-district #banner {
		background-image: url("../images/banners/mobile/green-banner-1-mobile.jpg");
		background-color: #ffffff;
	}
	.first-district header .logo-holder::after, .fifth-district header .logo-holder::after, .ninth-district header .logo-holder::after {
		background-image: url("../images/banners/mobile/green-title-back.png");
	}
	
	.first-district .hamburger-title, 
	.fifth-district .hamburger-title, 
	.ninth-district .hamburger-title {
		text-shadow: 1px 1px 3px rgba(0,120,125,1);
		background-color: rgba(20,135,140,1);
	}
	.first-district .hamburger-content, .fifth-district .hamburger-content, .ninth-district .hamburger-content {
		background-image: linear-gradient(180deg, rgba(65,190,200,.2) 20%, rgba(65,190,200,0) 80%), url("../images/mobile-menu-green.jpg");
		background-size: cover;
		background-position: top center;
	}
	
	.first-district-2022 #banner, 
	.fifth-district-2022 #banner, 
	.ninth-district-2022 #banner {
		background-image: url("../images/banners/mobile/green-banner-1-mobile-2022.jpg");
		background-color: #ffffff;
	}
	.first-district-2022 header .logo-holder::after, 
	.fifth-district-2022 header .logo-holder::after, 
	.ninth-district-2022 header .logo-holder::after {
		background-image: url("../images/banners/mobile/green-title-back-2022.png");
	}
	.year-2022 .hamburger-title,
	.first-district-2022 .hamburger-title, 
	.fifth-district-2022 .hamburger-title, 
	.ninth-district-2022 .hamburger-title {
		text-shadow: 1px 1px 3px rgba(0,149,57,1);
		background-color: rgba(0,149,57,1);
	}
	.first-district-2022 .hamburger-content, 
	.fifth-district-2022 .hamburger-content, 
	.ninth-district-2022 .hamburger-content {
		background-image: linear-gradient(180deg, rgba(65,190,200,.2) 20%, rgba(65,190,200,0) 80%), url("../images/mobile-menu-green.jpg");
		background-size: cover;
		background-position: top center;
	}
	
	.second-district #banner, .sixth-district #banner {
		background-image: url("../images/banners/mobile/blue-banner-1-mobile.jpg");
		background-color: #ffffff;
	}
	.second-district header .logo-holder::after, .sixth-district header .logo-holder::after {
		background-image: url("../images/banners/mobile/blue-title-back.png");
	}
	.second-district .hamburger-title, .sixth-district .hamburger-title {
		text-shadow: 1px 1px 3px rgba(30,65,140,1);
		background-color: rgba(30,65,140,1);
	}
	.second-district .hamburger-content, .sixth-district .hamburger-content {
		background-image: linear-gradient(180deg, rgba(0,100,205,.2) 20%, rgba(0,100,205,0) 80%), url("../images/mobile-menu-green-2022.jpg");
	}
	
	.second-district-2022 #banner, 
	.sixth-district-2022 #banner {
		background-image: url("../images/banners/mobile/puprple-banner-1-mobile-2022.jpg");
		background-color: #ffffff;
	}
	.second-district-2022 header .logo-holder::after, 
	.sixth-district-2022 header .logo-holder::after {
		background-image: url("../images/banners/mobile/purple-title-back-2022.png");
	}
	.second-district-2022 .hamburger-title, 
	.sixth-district-2022 .hamburger-title {
		text-shadow: 1px 1px 3px rgba(100,29,213,1);
		background-color: rgba(100,29,213,1);
	}
	.second-district-2022 .hamburger-content, 
	.sixth-district-2022 .hamburger-content {
		background-image: linear-gradient(180deg, rgba(100,29,213,.2) 20%, rgba(100,29,213,0) 80%), url("../images/mobile-menu-purple-2022.jpg");
	}
	
	.third-district #banner, .seventh-district #banner {
		background-image: url("../images/banners/mobile/red-banner-1-mobile.jpg");
		background-color: #ffffff;
	}
	.third-district header .logo-holder::after, .seventh-district header .logo-holder::after {
		background-image: url("../images/banners/mobile/red-title-back.png");
	}
	.third-district .hamburger-title, .seventh-district .hamburger-title {
		text-shadow: 1px 1px 3px rgba(205,10,20,1);
		background-color: rgba(205,10,20,1);
	}
	.third-district .hamburger-content, .seventh-district .hamburger-content {
		background-image: linear-gradient(180deg, rgba(225,60,65,.2) 20%, rgba(225,60,65,0) 80%), url("../images/mobile-menu-red.jpg");
	}
	
	.third-district-2022 #banner, 
	.seventh-district-2022 #banner {
		background-image: url("../images/banners/mobile/orange-banner-1-mobile-2022.jpg");
		background-color: #ffffff;
	}
	.third-district-2022 header .logo-holder::after, 
	.seventh-district-2022 header .logo-holder::after {
		background-image: url("../images/banners/mobile/orange-title-back-2022.png");
	}
	.third-district-2022 .hamburger-title, 
	.seventh-district-2022 .hamburger-title {
		text-shadow: 1px 1px 3px rgb(219, 88, 6);
		background-color: rgb(219, 88, 6);
	}
	.third-district-2022 .hamburger-content, 
	.seventh-district-2022 .hamburger-content {
		background-image: linear-gradient(180deg, rgba(219,88,6,.2) 20%, rgba(219,88,6,0) 80%), url("../images/mobile-menu-orange-2022.jpg");
	}
	
	.fourth-district #banner, .eighth-district #banner {
		background-image: url("../images/banners/mobile/purple-banner-1-mobile.jpg");
		background-color: #ffffff;
	}
	.fourth-district header .logo-holder::after, .eighth-district header .logo-holder::after {
		background-image: url("../images/banners/mobile/purple-title-back.png");
	}
	.fourth-district .hamburger-title, .eightth-district .hamburger-title {
		text-shadow: 1px 1px 3px rgba(70,25,150,1);
		background-color: rgba(70,25,150,1);
	}
	.fourth-district .hamburger-content, .eighth-district .hamburger-content {
		background-image: linear-gradient(180deg, rgba(115,70,180,.2) 20%, rgba(115,70,180,0) 80%), url("../images/mobile-menu-red.jpg");
	}
	
	.fourth-district-2022 #banner, 
	.eighth-district-2022 #banner {
		background-image: url("../images/banners/mobile/pink-banner-1-mobile-2022.jpg");
		background-color: #ffffff;
	}
	.fourth-district-2022 header .logo-holder::after, 
	.eighth-district-2022 header .logo-holder::after {
		background-image: url("../images/banners/mobile/pink-title-back-2022.png");
	}
	.fourth-district-2022 .hamburger-title, 
	.eightth-district-2022 .hamburger-title {
		text-shadow: 1px 1px 3px rgba(140,18,152,1);
		background-color: rgba(140,18,152,1);
	}
	.fourth-district-2022 .hamburger-content, 
	.eighth-district-2022 .hamburger-content {
		background-image: linear-gradient(180deg, rgba(140,18,152,.2) 20%, rgba(140,18,152,0) 80%), url("../images/mobile-menu-pink-2022.jpg");
	}
	#banner .inner {
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#banner .inner .copy h1 {
		font-size: 9.2vw;
		line-height: 1em;
		letter-spacing: -.035em;
		text-shadow: 2px 2px 3px rgba(0,120,125,.5);
	}
	#banner .inner .copy h1 strong {
		letter-spacing: 0em;
	}
	section.body-section {
		font-size: 13px;
		line-height: 21px;
		padding: 2.5em 0px 1.5em;
		border-bottom: 1px solid;
		border-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 30%, rgba(0,0,0,.1) 70%, rgba(0,0,0,0) 100%) 1;
	}
	section.body-section h2 {
		font-size: 6.25vw;
		line-height: 1.1em;
		padding: 0px 0px 0px 2.5em;
		margin: 0px 0px 1em 0px;
	}
	section.body-section h2::before {
		width: 2.1em;
		padding-bottom: 2.1em;
		top: 53%;
	}
	section.body-section h3 {
		font-size: 1.1em;
		line-height: 1.44em;
		margin: 2.25em 0px 0em;
	}
	section.body-section .utility-btn {
		border: 2px solid #41bec8;
		font-size: 14px;
		line-height: 14px;
		padding: 8px 17px;
	}
	#district-direct-grants h3 {
		margin: 1em 0px 2em;
	}
	#district-direct-grants ul li {
		padding: 76.5% 0px 12%;
	}
	#district-direct-grants ul li::before {
		width: 100%;
		padding-bottom: 70%;
	}
	footer {
		width: 100%;
		padding: 10% 0px 80px 0px;
	}
	footer .inner {
		width: 85%;
		text-align: center;
	}
	.footer-logo {
		width: 210px;
		margin: 0px auto;
	}
	.main-page .footer-logo {
		display: block;
		width: 210px;
		margin: 0px auto;
	}
	.footer-address {
		font-size: 12px;
		margin: 14px 0px 0px;
	}
	.main-page .footer-address {
		font-size: 12px;
		margin: 14px 0px 0px;
	}
	.footer-nav .footer-site-nav {
		display: block;
		position: relative;
		top: 0px;
		width: 100%;
		margin: 20px auto 10px;
		padding: 0px;
		text-align: center;
	}
	.footer-nav .footer-site-nav a {
		font-size: 13px;
		line-height: 13px;
		letter-spacing: 0.02em;
	}
	.footer-nav .footer-site-nav li {
		width: auto;
		text-align: center;
		margin: 0px 1px 7px;
	}
	.social-media {
		display: block;
		margin: 0px auto;
		position: relative;
		text-align: center;
	}
	.social-media a {
		width: 22px;
		height: 22px;
		margin: 0px 3px;
	}
	#splash-graphic {
		position: relative;
		z-index: 1;
		padding: 100vw 0px 0vw;
		background-color: #ffffff;
		overflow: hidden;
		margin: 0px auto 10%;
	}
	
	#splash-graphic.year-2022 {
		padding: 30vw 0 30px ;
	}
	
	#splash-graphic .inner {
		width: 95%
	}
	#splash-graphic::before {
		background-image: url("../images/front-graphic/banner-mobile-2.jpg");
	}
	#splash-graphic .inner .copy {
		display: block;
		font-size: 12px;
		line-height: 19px;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		padding: 6.5% 7.5% 5%;
		color: #ffffff;
		text-shadow: 2px 2px 3px rgba(0,120,125,.4);
		background-color: #007b7e;
	}
	.year-2022 #splash-graphic .inner .copy {
		text-shadow: 2px 2px 3px rgba(0,149,57,.4);
		background-color: #074a20;
	}
	#splash-graphic .inner  button.district-title2 {
		display: none;
	}
	#accordion-content2 {
		display: block;
		position: static;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		padding: 0px;
		background-image: none;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		text-align: center;
		box-shadow: none;
		text-shadow: none;
	}
	#accordion-content2 > button.close-button {
		display: none;
	}
	#accordion-content2 .mblc-nav {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-sizing: border-box;
		width: 100%;
		padding: 10%;
	}
}