body {
 	font: 18pt/18pt 'Cormorant', serif;
 	color: #3F250B; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4deb2+0,fffffd+100 */
background: #f4deb2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4deb2 0%, #fffffd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4deb2 0%,#fffffd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4deb2 0%,#fffffd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4deb2', endColorstr='#fffffd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-repeat: no-repeat;
	
} 

article {
padding-top: 25px;
padding-bottom: 10px;

 	color: #4D331A;
 	margin-left: 27%;
 	padding-left: 35px;
 	float: left;
 	text-align: center;
 	
 	font: 18pt/18pt 'Cormorant', serif;
 	
}

section a {
font-size: 22pt/22pt;
}

section a:hover {
font-size: 22pt/22pt;
font-weight: bold;
}

section {
 	text-align: center;	
font-size: 22pt;
 	color: #4D331A;
 	left: 70px;
 	margin-top: 0px;
 	float:left;
}



nav {
color: #4D331A;
}

nav a {
color: white;
text-decoration: none;
}


#button {
    background-color:transparent;
}


.black {
    color: black;
}
.white {
    color: white;
}

 .clear { 
clear: both; 
}

#urything {
position: relative;
 margin-top: 0px;


}

#urything2 {
position: relative;
 
}


footer a {
color: white;
}

footer1 a {
color: white;
}

footer3 a {
color: white;
}

address a:hover {
font-weight: bold;
}
 

header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 135px; 
 	color: #250B3F;
 margin-top: 0px;
 text-align: center;
 width:100%;
  padding-top: 20px;
}





h5 {
font: 20pt/20pt 'Cormorant', serif;
font-style: italic;
}

h {
font-style: italic;
font-weight: bold;
font-size: 26pt/26pt;
}

h3 {
font-weight: bold;
line-height: 1.21;
}

.resume {
margin-left: 500px;
height: 30px;
width: 300px;
margin-top: 100px;
padding-top: 10px;
position: absolute;
clear: both;

}



aside {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	width: 18%;
	color: white;
	font: 18pt/18pt 'Cormorant', serif;
	border-radius: 85px;
	position: absolute;
	text-align: center;
	line-height: 1;
	left: 20px;
	top: 60px;
}



aside:hover {
opacity: 0.5;
    
}

aside a {
text-decoration: none;
color: white;
}


/* aside2 is for the portfolio page the resume */
aside2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	width: 18%;
	top: 200px;
	color: white;
	font: 18pt/18pt 'Cormorant', serif;
	border-radius: 85px;
	position: relative;
	text-align: center;
	line-height: 1;
	left: 20px;
}

aside2:hover {
opacity: 0.5;
    
}

aside2 a {
text-decoration: none;
color: white;
}


aside3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	width: 18%;
	color: white;
	font: 18pt/18pt 'Cormorant', serif;
	border-radius: 85px;
	position: relative;
	text-align: center;
	line-height: 1;
	left: 20px;
	top: 60px;
}



aside3:hover {
opacity: 0.5;
    
}

aside3 a {
text-decoration: none;
color: white;
}

 
h1 {
   font: 37pt/37pt 'Cormorant', serif;
   text-shadow: -3px -3px #777;
   color: white;
   font-weight: bold;
   margin: 8px 0 0 0;
}

h1:hover {
 -moz-transform: scale(1.5) rotatey(720deg);
 -ms-transform: scale(1.5) rotatey(720deg);
 -o-transform: scale(1.5) rotatey(720deg);
 -webkit-transform: scale(1.5) rotatey(720deg);
 transform: scale(1.5) rotatey(720deg);
 -moz-transition: all ease-out 1s;
 -ms-transition: all ease-out 1s;
 -o-transition: all ease-out 1s;
 -webkit-transition: all ease-out 1s;
 transition: all ease-out 1s;
 }

#logo {
<img src="logon.png" alt"Company Logo" id="logo";
float: right;
margin-bottom: 2px;
 padding-bottom: 5px;
 position: relative;
 margin-top: 80%;
}

/* logo2 is for the quote page */
#logo2 {
<img src="logon.png" alt"Company Logo" id="logo";
float: right;
margin-bottom: 2px;
padding-bottom: 5px;
	margin-top: 60px;
	position: relative;
}

footer {
 	/* backup background-color: #734D27; */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 height: 120px; 
 	color: white;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 10px;
 font: 20pt/20pt 'Cormorant', serif;
 width:100%;
 margin-bottom: 5px;
 bottom: 0px;
}

#bottom {
height: 20%;
display: block;
bottom: 0;
}

  
 footer1 {
 	/* backup background-color: #734D27; */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 height: 120px; 
 	color: white;
 margin-bottom: 0px;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 10px;
 font: 20pt/20pt 'Cormorant', serif;
float: left;
 width:100%;
}

 footer3 {
 	/* backup background-color: #734D27; */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684232+0,bf7042+100 */
background: #684232; /* Old browsers */
background: -moz-linear-gradient(-45deg, #684232 0%, #bf7042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #684232 0%,#bf7042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #684232 0%,#bf7042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684232', endColorstr='#bf7042',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 height: 120px; 
 	color: white;
 margin-bottom: 0px;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 10px;
 font: 20pt/20pt 'Cormorant', serif;
float: left;
 width:100%;
}
 
 #logo3 {
<img src="logon.png" alt"Company Logo" id="logo";
float: right;
margin-bottom: 2px;
padding-bottom: 5px;
	margin-top: 280px;
	position: relative;
}

/* small
<img src="logon.png" alt"Company Logo" id="logo";
float: right;
padding-right: 10px;
padding-left: 35px;
margin-top: 250px;
padding-bottom: 8px;
	width: 120px;
	margin-top: 280px;
	position: relative;
big but too far down
 <img src="logon.png" alt"Company Logo" id="logo";
float: right;
margin-bottom: 2px;
 padding-bottom: 5px;
 position: relative;
 margin-top: 80%;
*/