body {
	font-family: Sans-Serif;
	color: #777;
}

header {
	background-color: #0779E4;
	color: #fff;
}

span.site_logo_text {
	color: #fff;
	font-family: 'Brush Script MT', cursive;
}

img.site_logo {
	height: 72px;
}

header a.nav-link {
	color: #fff;
}

header a:hover.nav-link {
	color: #fff;
}

p {
	white-space: pre-wrap;
}

h1 {
	color: #4CBBB9;
}

.answer {
	color: #77D8D8;
}

h2, h3 {
	padding-top: 2rem;
	color: #77D8D8;
}

img.main-img {
	width: 100%;	
}

footer {
	background-color: #EFF3C6;
	color: #000;
}

footer a.nav-link {
	color: #333;
}

footer a:hover.nav-link {
	color: #000;
}

cite, cite a, cite a:hover {
  color:#abc;
  text-decoration: none;
}


/* CSS HEX 

blue 0779E4

teal 4CBBB9

light blue 77D8D8

sandy EFF3C6


*/