html {

	/* background: #87bdd8 */

	background: url(../images/web.jpg) no-repeat center center fixed; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	}



#tim{

	font-size:1.5em

	}

	

body { 

	width:900px;

	margin:0 auto; 

	padding:0.5em;    

	background: #326772;

	font-size: 1em;

	/* font-family: 'Roboto Condensed', sans-serif; */

	font-family: 'Work Sans', sans-serif;

	color:#e9e9e9

	

	}

	

#wrapper {

	display: grid;

	grid-template-columns: 300px 1fr;

	}



#title {

	background-color: #157a6e;

	width: 900px;

	}



#aboutTBL {

	font-size: 3.5em;

    margin: 0 0 0 20px;

	}



#aboutTBL h2 {

	font-size:2em

	}



#body2 {

    margin-top: 15px;

	}

	

	#body2 img {

    border:3px solid black;

	}



/* #about {

	float:left

	} */



#footer {

	background-color: #157a6e;

	width: 900px;

	height:40px;

	}



h5 {		

	margin:10px;

	float:right

	}



#nav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	background-color: #040404;

	height: 67px;

	}



li {

  float: left;

	}



li a {

	display: block;

	color: white;

	text-align: center;

	padding: 14px 16px;

	text-decoration: none;

	font-size:1.5em

	}



li a:hover {

	background-color: #111;

	}

	

#nav img{

	float: right;

    width: 85px;

	}

	

#history  p {

	margin: 10px 0 5px 15px;

    display: inline-block;

	}



/* unvisited link */

a:link {

  color: #fff;

  text-decoration: none;

}



/* visited link */

a:visited {

  color: #7bd11f;

  text-decoration: none;

}



/* mouse over link */

a:hover {

  color:#d6f599

}



/* selected link */

a:active {

  color: #fff

}