html {
	/*background-color: #2f3640;*/
}

/*
blue: #25557C;

*/

div#banner { 
       position: absolute; 
       top: 0; 
       left: 0; 
       background-color: #25557C; 
       width: 100%; 
       padding-top: 10px;
     }

h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	/*color: #25557C;*/
}

body { 
	/*background-color: #2f3640;*/
	/*font-family: 'Roboto Mono', monospace;*/
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*color: #666 !important;*/

/*	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}

p {
	font-family: 'Jost', sans-serif;
	/*font-size: 16px;*/
}

@media screen and (min-width: 800px) {
    img#profile-image {
	    position: relative; /* Declared position allows for location changes */
	    top: -72px; /* Moves the image 2px closer to the top of the page */
	   	max-height: 190px;
	}
}


.sidenote-number::after, .sidenote::before {
	font-family: 'Jost', sans-serif;
	color: #25557C;
}

.sidenote-number::after {
	left: 0rem;
	left: 0.1rem;
	/*color: red;*/
	padding-right: .2rem;
}