body {
	margin: 0;
	padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.0em;
    font-weight: 500;
    background-color: ##F7F7F7;
    color: #333333;
}

.material-symbols-outlined {
	position: relative;
	transform: translate(0px, 6px);	
	margin-right: -4px;
	margin-top: -6px;
}

.header {
	background-color: #5292AF;
	text-align: center;
	overflow: hidden;
	width: 100%;
}

.header_image {
	padding-top: 24px;
	position: relative;
	transform: translate(-50%);
	left:50%;
	width: 1200px;
}

.header_image img {
	margin-bottom: -4px;
}


.header_subtitle {
	color: white;
	float: center;
	height: 0px;
	position: relative;
	transform: translate(0px, -64px);
	font-weight: 500;
}

@media (max-width: 640px) {
	.header_subtitle {
		width: 300px;
		margin-left: auto;
		margin-right: auto;

	}
}

.footer {
	background-color: #2B5C71;
	font-size: 0.875em;
	font-weight: normal;
	text-align: center;
	color: white;
	padding-top: 36px;
	padding-bottom: 12px;
	margin-top: 40px;
}

.footer_image img {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	margin-top: 16px;
}

.footer_content_description {
	margin-top: 12px;
	margin-bottom: 40px;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.footer_copyright {
	font-size: 0.75em;
	margin-bottom: 22px;
	margin-top: 22px;
}

.content_body {
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
}

.content_body_wide {
	width: 640px;
}

@media (max-width: 640px) {

	.content_body {
		width: 320px;
	}
	.content_body_wide {
		width: 320px;
	}
}

.website_description {
	font-weight: normal;
	text-align: center;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.website_description a {
	text-decoration: none;
	color: #2B5C71;
	font-weight: 600;
}

.election_type {
	color: #3C3C4399;
	float: right;
}

h1 {
	font-weight: 900;
	font-style: italic;
	font-size: 2.0em;
	margin-top: 16px;
	margin-bottom: 16px;
}

.add_to_calendar_icon {
	margin-right: 0px;
}

.add_to_calendar {
	padding: 12px 12px 12px 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
	background-color: #0B5C77;
	color: white;
	display: block;
}

.button_content {
	text-align: center;
	margin: auto;
	display: block;
}

.add_to_calendar_text {	
	display: inline-block;
	padding-left: 2px;
	height: 24px;
	font-weight: 600;
}


.content_link {
	display: block;
	text-decoration: none;
	color: #0078A0;
	margin-top: 10px;
	margin-bottom: 8px;
}


@media (max-width: 640px) {
	.content_link {
		padding: 12px;
		border-radius: 8px;
		border: 2px solid #2B5C71;
		display: block;
		box-shadow: 0 0 0;
		margin-top: 8px;
		margin-bottom: 8px;
		text-align: center;

	}

	.content_link_icon {
		display: none;
	}

}

.content hr {
	margin-top: 40px;
	margin-bottom: 40px;
}

.yard_sign img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
	width: 280px;
}

.love_to_vote {
	text-align: center;
	font-weight: normal;
	margin-bottom: 14px;
	margin-top: 14px;
}

.love_to_vote_link {
	display: inline-block;
	text-decoration: none;
	color: #0078A0;		
	margin-top: 4px;
	margin-bottom: 24px;
}
.love_to_vote_header {
	font-size: 1.75em;
}

.disclaimer_text {
	margin: 4px;
	font-weight: normal;
	text-align: center;
}

.printing_tips {
	top: 32px;
	margin: 16px 4px 16px 4px;
	position: sticky;
}

.printing_tips_text {
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 18px;
	color: #3C3C4399;
}

.printing_tips_link {
	display: inline-block;
	text-decoration: none;
	color: #2B5C71;
	padding: 12px;
	border-radius: 8px;
	border: 2px solid #2B5C71;
	display: block;
	box-shadow: 0 0 0;
	margin-top: 8px;
	text-align: center;

}

.art_label {
	text-align: center;
	margin-bottom: 4px;
}

.art_description {
	font-weight: normal;
	text-align: center;
}

.content_label {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}
.content_label_sub {
	display: block;
	font-style: italic;
	margin-top: 24px;
	margin-bottom: 4px;
	color: #666666;
}
.content_label_inset {
	margin-left: 12px;
}

.content_layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.content_column {
	padding-left:  8px;
	padding-right: 8px;
}

@media (max-width: 640px) {
	.content_layout {
	grid-template-columns: 1fr;
	}
}


.download {
	padding: 14px;
	margin: 16px 4px 16px 4px;
	background-color: #FFFFFF;
	border : 1px solid #77777780;
	border-radius: 16px;
}

.download_title {
	display: block;
	margin-bottom: 4px;
}

.download_subtitle {
	display: block;
	font-size: 0.75em;
	color: #3C3C4399;
	margin-top: 6px;
	margin-bottom: 8px;
}

.download_image {
	display: block;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;		
}

.download img {
	width: 100%;
}

.download_link {
	display: inline-block;
	text-decoration: none;
	color: #2B5C71;		
	margin-top: 4px;
	margin-bottom: 4px;
}