#header 
{
	display: inline-block;
	float: center;    	
    width: 100%;
    padding-left: 0.5em;
    padding-bottom: 1em;
    //border: 2px solid red;
    position: fixed;
    top: 0%;
    left: 0%;
    //min-height: 20%;
    background-color: #EDECF2;
    z-index: 10;
}

.horizontalRule
{
	width: 100%;
	//color: #5E2009;
	margin-top: 0%;
	//padding-bottom: 2px;
}

.hyperlinks, a
{
	color: #5E2009;
	font-family: Courier, serif;
	text-decoration: none;
}

.hyperlinks, a:hover
{
	color:  #473234;
}

.name a
{
	display: inline-block;
	//position: absolute;
	font-family: impact;
	font-size: 850%;
	float: left;
	color: #5E2009; 
    //border: 2px solid #5E2009;
    //font-size-adjust: 0.5;
    line-height: 100%;
    padding: 1% 2% 0% 0%;
    white-space: nowrap;
}

.name a:hover 
{
    color: #473234;
}

.contact
{
	display: inline-block;
	//position: relative;
	font-family: Courier, serif;
	vertical-align: bottom;
	margin-top: 2%;
	//border: 2px solid green;
	//clear: left;
	padding: 0% 0% .5% 0%;		/* right must be 0% to account for smartphones */
	font-size: 120%;
}

.subnameFonts
{
	display: block;
	position: relative;
	font-family: Courier, serif;
	font-size: 200%;	
	//margin-left: 5%;	/*to center subname heading */
	color: #5E2009;
    //border: 2px solid purple;
    padding: .5% .5% .5% 5%;
    white-space: nowrap;
  
}