body {
	font-size: 18px;
	font-family: 'freight-text-pro',serif
}

div.main-content { width: 800px; padding:30; margin: auto; }

div.splash
{
	padding: 30 0 30 10;
	background: url('images/lansing-capitol-blue.jpg');
	background-size: cover;
	padding-right: 33%;
	min-height: 300px;
}

div.darkmode {
	background-color: #0c2340;
	color: #a7c6ed;
	padding: 30 0 30 10;
}

@font-face {
	font-family: mixta-sharp;
	src: url(images/mixtaesssharp-bold.otf);
  }


h1
{ font-family: mixta-sharp, 'serif';
  font-size: 28px;}


a.cta-button
{
	background-color: #ffb549;
    color: #0c2340;
    padding: 15px 40px;
    border: none;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 1em;
    font-family: 'synthese', sans-serif;
    cursor: pointer;
    transition: background-color 0.2s;
    text-decoration: none;
    display: inline-block;
    text-align: center;
	margin:2px;
}

a.cta-button:hover{ background-color: #ee8822;}

@media screen and (max-width: 700px) {
    body {
        font-size: 22px;
    }
	h1 { font-size: 30px;}

	div.main-content{
		width:100%;
	}

	div.splash{
		background: url('images/lansing-capitol-blue-square.jpg');
	}

}