/*
Welcome to custom CSS for the WSU Spine Theme!

You may delete these comments and get started with your custom stylesheet.
Before doing so, please review the WSU web standards:

https://brand.wsu.edu/media/web/web-standards/

As a general rule of thumb, if your styles target aspects of the spine
(#spine), that's against standard, whereas if you're styling elsewhere on
the page, it's all good.
*/
.main-header {
	background-color: #981e32;
	color: #ffffff;
}

main {
	padding-bottom: 60px;
}

h2 {
	color: #981e32;
	background-color: #f9f9f9;
}

h3 {
	font-size: 1.5em;
}

a.crimson-button, a.crimson-button:visited {
	color: #ffffff;
	background-color: #981e32;
	font-size: 1.25em;
	letter-spacing: 1px;
	padding: .5em 1.5em;
	transition: background-color .3s linear;
	text-decoration: none;
	border-radius: .5em;
}

a.crimson-button:hover {
	background-color: #ffb81c;
	color: #000000;
}

@media only screen and (max-width: 800px) {
	a.crimson-button, a.crimson-button:visited {
		font-size: 1em;
		letter-spacing: 1px;
		padding: .5em 1.5em;
	}
}