html {
	background-image: url(images/morgan-background-image-80.jpg);
	background-image: cover;}

.logo {
	float: left;
	width: 95px;
	height: 95px;
	background-color:#050000;
	border:10px solid #960a20;
	

}

header h1{
	font-family:"Titillium Web", sans-serif;
	font-weight:black 900;
	color: #050000;
	font-size: 2.67em;
	margin:0;
	line-height: 1.25; 
	padding: 105px 0 0 255px;
}
h2.graphic-designer {
	font-family:"Titillium Web", sans-serif;
	font-weight: 600;
	margin: 0;
	padding: 0px 0px 10px 295px;
	}
h2.illustrator{
		font-family:"Titillium Web", sans-serif;
	font-weight: 600;
	font-size:1.75em;
	margin: 0;
	padding:  0px 0 140px 520px;}

h3{
	font-family:"Titillium Web", sans-serif;
	font-weight: 600;
	color: #050000;
	font-size: 1.7em;
	/*font-variant: small-caps; not working???*/}

	
			
p{
	font-family:"Titillium Web", sans-serif;
	font-weight: regular 400;
	font-size:12px;
	text-align:center;
	color:#ffff;
	padding:0 170px 0 200px;
	transform:rotate(16deg) skew(20deg);
	margin: 0;
	position:???;

}
.main-nav a {
	padding: 50px 0 0 0;
  display: inline;
  width: 6em;
  margin: 0 5px;
  padding: .5em 1em;
  text-decoration: none;
  text-align: center;
  letter-spacing: .1em;
  color: #fff;
  background-color: #190620;
  border: 2px solid #960a20;
  border-radius: 6px;
  text-shadow: #666 .1em .1em .1em;
  box-shadow: 0 4px 2px rgba(0,0,0,.5);
  position: relative;
  top: -100px;
  transition:  
    background-color 1.2s,
    border-color 1.2s, 
    top 0.5s, 
    box-shadow 0.5s;}

    a:link { color: red; }
	a:visited { color: yellow; }
	a:hover { color: #09C; }
	a:active {color: #0CF;  }
			
	
    		
}