/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {  
	    margin: 0;  
	    padding: 0; 
	    border: 0;  
	    font-size: 100%;    
	    font: inherit;  
	    vertical-align: baseline;}
	    
	    /* HTML5 display-role reset for older browsers */
	    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   
	    display: block;}
	    
	    body {  
	    line-height: 1.5;
	    }
	    
	    ol, ul {    
	    list-style: none;
	    }
	    
	    blockquote, q { 
	    quotes: none;
	    }
	    
	    blockquote:before, blockquote:after,q:before, q:after { 
	    content: '';    
	    content: none;
	    }
	    
	    table { 
	    border-collapse: collapse;  border-spacing: 0;
	    }    
	    
	    /* end reset*/
	    

	    /* add your default css*/

	    /* do NOT change anything above*/



body {	
background-image: url(background.jpg);
background-color: white;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
font-size: 30px;
}

#wrapper {
	background-color: #403e38;	
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px;
	padding-top: 20px;
	border: 10px solid #0A0A0A;
}


#sourcebar {
	padding-top: 0px;
}


#history img {
	width: 50%;
	height: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.center {
	display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
}


header {
	font-size: 20px;
}


h1 {
	background-color: #0A0A0A;
	color: white;
	font-size: 100px;
	text-align: center;
	margin-top: 3%;
	font-family: 'EB Garamond', serif;
	border-bottom: 6px solid #C50900;
}


h2 {
	color:white;
	font-weight: bold;
	font-family: 'EB Garamond', serif;
	text-align: center;
	font-size: 40px;
	padding-top: 50px;
	border-bottom: 3px solid #0A0A0A;
}


p {
	color:white;
	font-size: 20px;
	font-family: 'IM Fell Great Primer', serif;
	padding-bottom: 60px;
}


nav {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: black;
}


nav li {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 1%;
	text-align: center;
}


li a:hover {
	background-color: #0A0A0A;
}

a:link {
	color: #C50900;
	text-decoration: none;
}

a:visited {
	color: #C50900;
}

a:active {
	color: white;
}


    /* tablet styles*/
    @media only screen and (min-width: 600px) and (max-width: 800px) {

        nav li {
            margin: 1%;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
            grid-gap: 5px;
        }
    }


    /* desktop styles*/
    @media only screen and (min-width: 801px) {

        nav li {
            margin: 1%;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
            grid-gap: 5px;
        }
    }