html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height:1.5em;
	vertical-align: baseline;
}

h1 {
	font-family: Georgia, serif;
	font-size: 8vw;
	clear: both;
	text-align: center;
	
}

h1 a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

h1 a:link, h1 a:visited {
	color:rgb(162,185,101);
}

h1 a:active, h1 a:hover, h1 a:focus {
	color:rgb(101,162,185);
}

#navbar {
	text-align: center;
	margin: 0.9% auto;
}
#navbar a {
	font-family: Helvetica Neue, sans serif;
	font-size: calc(12px + 1vw);
	margin: 0.5%;
	color:rgb(162,185,101);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#navbar a:link, a:visited {
	text-decoration: none;
}
#navbar a:hover, a:active, a:focus {
	font-weight:500;
	color:rgb(101,162,185);
}

#introheader {
	width: 100%;
	height: 5%;
	margin: 0% 0%;
}

p, #awards {
	font-family: Georgia, serif;
	font-size: calc(12px + .4vw);
	width: 65%;
	margin: 0 auto .5% auto;
}

p a {
	text-decoration: underline;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
p a:link, p a:visited {
	color:rgb(101,162,185);
}
p a:active, p a:hover, p a:focus {
	color:rgb(162,185,101);
}

h2 {
	font-family: Helvetica Neue, sans serif;
	font-size: calc(12px + 1.2vw);
	font-weight:bold;
	color: rgb(162,185,101);
	text-transform:uppercase;
	width: 65%;
	margin: 0 auto;
	padding:1.3% 0% 0%;
	clear: both;
}
h4 {
	font-family: Georgia, serif;
	font-size: calc(12px + .6vw);
	font-weight:bold;
	clear: both;
	width:65%;
	margin: 0 auto;
}
h5 {
	font-family: Georgia, serif;
	font-size: calc(12px + .4vw);
	font-weight:bold;
	clear: both;
	width:65%;
	margin: 0 auto;
	padding-top:1.3%;
}

em {
	font-style:italic;
}

/*--------------------------home page-------------------------------------------*/
.line {
	height: 1px;
	width: 77%;
	background-color:rgb(0, 0, 0);
	margin: 0.25% auto;
}

#indexpropic {
	display: block;
	max-width: 80%;
	height: auto;
	margin: 1.3% auto;
}

.notfirst {
	padding-top:1.3%;
}
/*--------------------------end home page-------------------------------------------*/

/*--------------------------resume page-------------------------------------------*/
#timeline iframe{
	display: block;
	margin: 0% auto;
}

#awards {
	font-family: Georgia, serif;
	font-size: calc(12px + .4vw);
	width: 57%;
	margin: 0 auto .5% auto;
}

#awards li {
	padding-left: 2%;
}
#awards li a {
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#awards li a:link, a:visited {
	color:rgb(0,0,0);
 	background-color:rgb(247, 220, 111);
}
#awards li a:active, a:hover, a:focus {
	color:rgb(47,31,96);
	background-color:rgb(255,255,255);
}

#center {
	text-align: center;
	}
/*--------------------------end resume page-------------------------------------------*/

/*---------------------------services page--------------------------*/
#collabpic {
	display: block;
	max-width: 40%;
	height:auto;
	margin:1.3% auto;
	-webkit-border-radius:3%;
	-moz-border-radius:3%;
	-o-border-radius:3%;
	border-radius:3%;
	border-style: solid;
	border-color: rgba(0, 0, 0, 1);
	border-width: 1px;
}
#serviceslist {
	margin: 2% 0%;
}
/*-------------------------end services page---------------------*/

/*-------------------------------portfolio page-------------------------------------------*/
h3 {
	font-family: Helvetica Neue, sans serif;
	font-size: calc(12px + 1.2vw);
	font-weight:bold;
	color: rgb(0,0,0);
	text-transform:uppercase;
	width: 65%;
	margin: 0 auto;
	padding-top:1%;
	clear: both;
}

.portfolio {
	display: block;
	margin: auto;
	max-width: 70%;
	height: auto;
	float: center;
	padding-top: 3%;
}

.portfolio1 {
	display: block;
	margin: auto;
	max-width: 70%;
	height: auto;
	float: center;
	padding: 0% 0%;
}

.clips {
	clear:both;
	padding-top:0.4%;
}
/*--------------------------end portfolio page-------------------------------------------*/

/*--------------------------contact page-------------------------------------------*/
#contactpic {
	display: block;
	max-width: 100%;
	height: auto;
}

#contacttext {
	padding: 5% 0% 0%;
}

#contacttext p {
	text-align: left;
	margin:0%;
}

#icons {
	text-align:left;
	margin:2% auto;
}
#icons a {
	padding: 0% 2% 0% 0%;
}
/*-----------------------end contact page-------------------------------------------*/


/*-----------------------footers-------------------------------*/
footer {
	clear: both;
	text-align: center;
	margin:2.2% 0% 1.1% 0%;
}
footer p {
	clear: both;
	text-align: center;
	font-family: Helvetica Neue, sans serif;
	font-size: calc(12px + .08vw);
}
.footline {
	height: 1px;
	width: 100%;
	background-color: rgba(247, 220, 111, 1);
	margin: 0.9% auto;
}