body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5vw;
}

#main p {
	margin-left: 30vw;
	border-top: 5px solid gray;
	padding-top: 30px;
}


h2 {
	font-size: 2em;
	position: relative;
	top: 1em;
	padding-top: 30px;
	padding-left: 3em;
	margin-right: 1em;
}
h1 {
	font-size: 4em;
	color: orange;
}


li {
	font-style: italic;
	color: gray;
	display: inline-block;
	}

/*I could not get these to size properly even when adding a width attribute

#email {
	list-style-image: url("envelope.gif");
}

#phone {
	list-style-image: url("phone.gif");
}

*/



a { text-decoration: none; }
a:link { color: orange; }
a:visited { color: gray; }
a:focus { color: #ff6464;}
a:hover { color: #ff6464;}
a:active { color: red; background-color: #ffd9d9; }

#logo {
	width: 30vw;
	float: left;
}
#title {
	width: 50vw;
	float: left;
}
.logo-title {
	margin: 30px 30px;}


header { 
	width: 100vw;
	 }

.contact-info {
	margin: 30px;
}