/* /state/ CSS Document */



/* ------------------- */
/* FRONT PAGE ELEMENTS */
/* ------------------- */
body.front-page .full-page-split .full-page-element h1::before
	{
	background: rgb(255,255,255);
	width: 10rem;
	}
body.front-page .site-title
	{
	text-transform: uppercase;
	min-width: 80vw;
	}
body.front-page .site-title h1
	{
	line-height: 0.9;
	font-weight: 700;
	font-size: 2.25rem;
	color: #222222;
	text-shadow: none;
	white-space: nowrap;
	padding-bottom: 3rem;
	}
body.front-page .site-title .title-1,
body.front-page .site-title .title-2,
body.front-page .site-title .title-3
	{
	display: block;
	}
body.front-page .site-title .title-1
	{
	font-weight: 400;
	font-size: 0.8em;
	}
body.front-page .site-title .title-2
	{
	}
body.front-page .site-title .title-3
	{
	font-size: 1.34em;
	line-height: 0.85;
	}
body.front-page .section.what-is h2
	{
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: 0.1rem;
	}
body.front-page .highlight h2::before
	{
	
	}
body.front-page .logos
	{
	text-align: center;
	padding-bottom: 2rem;
	background: rgba(0,0,0,0.03);
	}
body.front-page .logos h2
	{
	font-weight: 500;
	text-transform: uppercase;
	color: #555555;
	margin-top: 3rem;
	margin-bottom: 2rem;
	letter-spacing: 0.05rem;
	}
body.front-page .logos a
	{
	fill: rgba(0,0,0,0.65);
	}
body.front-page .logos a:hover
	{
	fill: rgba(0,0,0,0.5);
	}




/* Small devices */
@media (min-width: 768px) {
	/* ------------------- */
	/* FRONT PAGE ELEMENTS */
	/* ------------------- */
	body.front-page .site-title h1
		{
		font-size: 3rem;
		color: #FFFFFF;
		text-shadow: 0px 0px 4px #333333, 0px 0px 6px #333333, 0px 0px 10px #333333, 0px 0px 30px #333333, 1px 1px 1px #555555;
		padding-bottom: 2rem;
		}
	body.front-page .full-page-split [class^="col-"]
		{
		background: rgba(0,0,0,0.6);
		}
	body.state .full-page-split [class^="col-"]
		{
		background: rgba(255,255,255,0.9);
		}
	body.front-page .full-page-split .full-page-element
		{
		bottom: 20vh;
		left: 40%
		}
	body.front-page .site-title h1
		{
		font-size: 4rem;
		}

	
}

/* Medium devices */
@media (min-width: 992px) { 
	/* ------------------- */
	/* FRONT PAGE ELEMENTS */
	/* ------------------- */
	body.front-page .category-border
		{
		border-bottom: 2px solid #EEEEEE;
		}
	body.front-page .site-title h1
		{
		font-size: 4.5rem;
		}
	
}

/* Large devices */
@media (min-width: 1280px) { 
	
	body.front-page .site-title h1
		{
		font-size: 5.5rem;
		}

}