/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset above this point */

body {
	background-color: #26292d;
}



/* Base Code */


	#container {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 5%;
		}

	.tablet_container {
		display: none;
		}

	#mobile_container {
		display: none;
		}				

	#wrapper {
		margin-top: 130px;
		margin-left: auto;
		margin-right: auto;
		max-width: 1280px;
		height: auto;	
		width: 100%;
		}

	#profile {
		float: left;
		height: auto;
		
		width:352px;
		margin-right: 30px;
		}

	#profile_pic {
		background-color: #fff;
		width: 352px;
		height: 352px;
		}

	#pic img {
		margin: 9.232955%;
		}

	.section {
		position: relative;
		width: 352px;
		background-color: #fff;
		height: 62px;
		margin-top: 2px;
		}

	.icon {
		display: inline-block;
		height: 62px;
		width: 62px;
		background-color: #ddd;
		text-align: center;
		font-size: 1.75em;
		color: #5e656f;
		}


	#mail i {
		padding-top: 27%;
		}

	#resume i {
		padding-top: 29%;
		}	

	.link_txt {
		position: absolute;
		display: inline-block;
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
		font-size: 1.50em;
		color:#049aac;
		padding-left: 17px;
		padding-top: 19px;
		}

	a:hover .link_txt {
		color: #05c8df;
		}	

	#intro {
		background-color: #fff;
		overflow: hidden;
		height: auto;
		margin-bottom: 70px;	
		}

	#copy {
		background-color: #fff;
		width: 95%;
		height: auto;
		margin-left:auto;
		margin-right: auto;
		padding-bottom: 62px;
		}

	.text-space {
		padding: 2.8% 0 0 0;
	}	

	.intro_header {
		margin: 0 auto;		
		font-family: 'Lily Script One', serif;
		font-weight: 700;
		font-size: 5em;
		margin-top: 7%; /* 49/1280 = 3.828125% 49px */ 
		line-height: 85px;
		color: #26292d;
		padding: 0 6%; 
		font-style: normal;
		}	

	.intro_header_txt {
		font-size: 3em;
		font-weight: 100;
		font-family: 'Roboto Slab', serif;
		color: #74b601;
		line-height: 65px;
		margin-top: 1.7%;
		padding: 0 6%;
		padding-bottom: 44px;
		}		

	.intro_txt {
		max-width: 1280px;
		margin: 0 auto;
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
		font-size: 1.750em;
		line-height: 45px;
		color: #5e656f;
		padding: 0 6%;
		}

/* MEDIA */

@media only screen and (max-width: 1090px) {
/*Second Desktop */	

	#mobile_container {
		display: none;
	}

	.tablet_container {
		display: none;
		}			

	#profile {
		float: left;
		height: auto;
		width:250px;
		margin-right: 30px;
		}

	#profile_pic {
		background-color: #fff;
		width: 250px;
		height: 250px;
		}

	#pic img {
		margin: 10%;
		width: 80%;
		}

	.section {
		width: 250px;	
		}

	.intro_header {
		font-size: 4em;
		margin-top: 5%; /* 49/1280 = 3.828125% 49px */ 
		line-height: 75px;
		padding: 0 4%; 
		}		

	.intro_header_txt {
		font-size: 2.25em;
		line-height: 50px;
		margin-top: .8%;
		padding: 0 4%;
		padding-bottom: 19px;
		}			

	.intro_txt {
		max-width: 100%;	
		font-size: 1.45em;
		margin-top: 17px;
		line-height: 38px;
		padding: 0 4%;
		}	

	#intro {
		margin-bottom: 30px;	
		}

	#copy {
		padding-bottom: 30px;
		}

	.icon {
		font-size: 1.45em;
		color: #5e656f;
		}


	#mail i {
		padding-top: 30%;
		}

	#resume i {
		padding-top: 33%;
		}	

	.link_txt {
		font-size: 1.30em;
		color:#049aac;
		padding-left: 17px;
		padding-top: 21px;
		}				

	}

@media only screen and (max-width : 820px) and (min-width: 769px) {
/*Third Desktop*/	

	#mobile_container {
		display: none;
		}


	.tablet_container {
		display: none;
		}	

	.intro_header {
		font-size: 3.5em;
		margin-top: 11%; /* 49/1280 = 3.828125% 49px */ 
		line-height: 75px;
		padding: 0 4%; 
		}	

	.intro_header_txt {
		font-size: 1.9em;
		line-height: 43px;
		margin-top: 0;
		padding: 0 4%;
		padding-bottom: 19px;
		}

	.intro_txt {		
		font-size: 1.375em;
		line-height: 37px;
		font-weight: 100;
		color:#5e656f;
		padding: 0 4%;
		}							

	}


@media only screen and (max-width : 768px) and (min-width: 421px) {	
/* tablet */

	#container {
		display: none;
		}

	#mobile_container {
		display: none;
		}
		

	.tablet_container {
		display: block;
		max-width: 768px;
		margin: 0 auto;
		padding: 0 4%;
		}

	#wrapper {
		display: absolute;	
		margin-top: 94px;
		margin-left: auto;
		margin-right: auto;
		max-width: 768px;
		height: auto;	
		width: 100%;
		}	

	#profile {
		width: 100%;
		height: auto;
		max-width:768px;
		margin: 0 auto;
		padding: 0 auto;
		top: 0;
		}

	#profile_pic {
		background-color: #fff;
		width: 100%;
		height: auto;
		padding: 0 auto;
		}

	#pic img {
		margin: 10% 30% 0% 30%;
		width: 40%;
		}				

	#intro {
		background-color: #fff;
		overflow: hidden;
		height: auto;
		margin-bottom: 4%;
		margin-top: 0px;	
		}	

	#copy {
		width: 100%;
		margin-top:0;
		padding-bottom: 10%;
		margin-bottom: 0%;
		}		

	.intro_header {
		font-size: 2.5em;
		margin-top: 6.7%;
		line-height: 78px;
		text-align: center;
		}

	.intro_header_txt {
		font-size: 3.25em;
		line-height: 67px;
		margin-top: -.3%;
		padding: 0 10%;
		text-align: center;
		font-weight: 100;
		}

	.star {
		display: none;
		}			

	.intro_txt {
		max-width: 100%;	
		font-size: 1.375em;
		margin-top: 6.5%;
		line-height: 37px;
		font-weight: 100;
		color:#5e656f;
		padding: 0 12%;
		text-align: left;
		}	


	.secondary_links {
		height: 25px;
		position: relative;
		background-color: #fff;
		padding: 0 11.6%;
		margin-top: 4%;
		}

	.section {
		position: relative;
		display: inline-block;
		margin: 0;
		}	
	
	.icon_tablet {
		position: relative;
		display: inline-block;
		font-size: 1.375em;
		color: #5e656f;
		}

	.link_txt_tablet {
		position: relative;
		display: inline-block;
		font-family: 'Roboto Slab', serif;
		font-weight: 100;
		font-size: 1.375em;
		color:#049aac;
		padding-left: 0px;
		padding-right: 4.4%;
		padding-left: 1%;
		}	

	a {
		text-decoration: none;
		}

	a:hover .link_txt_tablet {
		color: #05c8df;
		}		

	#mail i {
		padding-top: 27%;
		}

	#resume i {
		padding-top: 29%;
		}						
}


@media only screen and (max-width : 700px) and (min-width: 616px) {	
/* tablet 2 */

	#wrapper {
		margin-top: 92px;
		}	
}

@media only screen and (max-width : 615px) and (min-width: 543px) {	
/* tablet 3 */

	#wrapper {
		margin-top: 90px;
		}

}


@media only screen and (max-width : 542px) and (min-width: 501px) {	
/* tablet 2 */

	#wrapper {
		margin-top: 88px;
		}

	#pic img {
			margin: 10% 23% 0% 23%;
			width: 54%;
			}				

	.intro_header {
		font-size: 2.25em;
		margin-top: 5%;
		line-height: 78px;
		text-align: center;
		}

	.intro_header_txt {
		font-size: 3em;
		line-height: 60px;
		margin-top: 2%;
		padding: 0 10%;
		text-align: center;
		font-weight: 100;
		}

	.star {
		display: block;
		font-size: 5.7em;
		line-height: 32px;
		margin-top: 5.7%;
		padding: 0 10%;
		padding-bottom: 0;
		text-align: center;
		font-weight: 100;
		color: #cccccc;
		font-size: 1.25em;
		font-family: 'Roboto Slab';
		font-weight: 100;
		}	

		.intro_txt {
		max-width: 100%;	
		font-size: 1.375em;
		margin-top: 5%;
		line-height: 37px;
		font-weight: 100;
		color:#5e656f;
		padding: 0 12%;
		text-align: left;
		}						
}

@media only screen and (max-width : 500px) and (min-width: 461px) {	
/* tablet 2 */

	#wrapper {
		margin-top: 83px;
		}

	#pic img {
			margin: 10% 23% 0% 23%;
			width: 54%;
			}

	.intro_header {
		font-size: 2.25em;
		margin-top: 5%;
		line-height: 78px;
		text-align: center;
		}

	.intro_header_txt {
		font-size: 3em;
		line-height: 60px;
		margin-top: 2%;
		padding: 0 10%;
		text-align: center;
		font-weight: 100;
		}

	.star {
		display: block;
		font-size: 5.7em;
		line-height: 32px;
		margin-top: 5.7%;
		padding: 0 10%;
		padding-bottom: 0;
		text-align: center;
		font-weight: 100;
		color: #cccccc;
		font-size: 1.25em;
		font-family: 'Roboto Slab';
		font-weight: 100;
		}	

	.intro_txt {
		max-width: 100%;	
		font-size: 1.375em;
		margin-top: 5%;
		line-height: 37px;
		font-weight: 100;
		color:#5e656f;
		padding: 0 12%;
		text-align: left;
		}

	.secondary_links {
		height: 25px;
		position: relative;
		background-color: #fff;
		padding: 0 0% 0 11.6%;
		margin-top: 4%;
		}																	

}

@media only screen and (max-width : 460px)  {
/* mobile */

	.tablet_container {
		display: none;
	}

	#container {
		display: none;
	}

	#mobile_container {
		display: block;
		max-width: 420px;
		margin: 0 auto;
		padding: 0 4%;
		}

	#wrapper {	
		margin-top: 81px;
		margin-left: auto;
		margin-right: auto;
		max-width: 420px;
		height: auto;	
		width: 100%;
		}	

	.tablet_container {
		display: none;
		}

	#intro_section {
		width: 100%;
		max-width: 420px;
		height: auto;
		background-color: #fff;
		margin-bottom: 2px;

		}	

	#profile {
		width: 100%;
		height: auto;
		max-width:420px;
		margin: 0 auto;
		padding: 0 auto;
		top: 0;
		}

	#profile_pic {
		background-color: #fff;
		width: 100%;
		height: auto;
		padding: 0 auto;
		}

	#pic img {
			margin: 13% 13% 0% 13%;
			width: 74%;
			}								

	.section {
		width: 100%;
		max-width: 420px;
		margin-top: 2px;	
		}

	#intro {
		background-color: #fff;
		overflow: hidden;
		height: auto;
		margin-bottom: 0px;
		margin-top: 0px;	
		}	

	#copy {
		width: 100%;
		margin-top:0;
		padding-bottom: 32px;
		}		

	.intro_header {
		font-size: 2.25em;
		margin-top: 12px;
		line-height: 78px;
		text-align: center;
		}

	.intro_header_txt {
		font-size: 3em;
		line-height: 60px;
		margin-top: 0px;
		padding: 0 10%;
		padding-bottom: 19px;
		text-align: center;
		font-weight: 100;
		}

	.star {
		font-size: 1.40em;
		line-height: 32px;
		margin-top: -2px;
		padding: 0 10%;
		padding-bottom: 20px;
		text-align: center;
		font-weight: 100;
		color: #cccccc;
		font-size: 1.25em;
		font-family: 'Roboto Slab';
		font-weight: 100;
		}			

	.intro_txt {
		max-width: 100%;	
		font-size: 1.125em;
		margin-top: -4px;
		line-height: 30px;
		font-weight: 300;
		color:#26292d;
		padding: 0 10%;
			}

		.text-space {
		padding: 3.4% 0 0 0;
	}		
								
}	

@media only screen and (max-width : 365px)  {
/* mobile 2 */

	#wrapper {	
			margin-top: 77px;
			}

	#intro {
		margin-top: 0px;	
		}				

		.intro_header {
			/*font-size: 2.335em;*/
			font-size: 2.25em;
			margin-top: 12px;
			line-height: 78px;
			text-align: center;
			}

		.intro_header_txt {
			/*font-size: 1.40em;*/
			font-size: 3em;
			/*line-height: 32px;*/
			line-height: 60px;
			/* margin-top: -14px; */
			/*margin-top: 3px;*/
			margin-top: 0px;
			padding: 0 10%;
			padding-bottom: 19px;
			text-align: center;
			font-weight: 100;
			}

		.star {
			font-size: 1.40em;
			line-height: 32px;
			margin-top: -2px;
			padding: 0 10%;
			padding-bottom: 20px;
			text-align: center;
			font-weight: 100;
			color: #cccccc;
			font-size: 1.25em;
			font-family: 'Roboto Slab';
			font-weight: 100;
			}			

		.intro_txt {
			max-width: 100%;	
			font-size: 1.125em;
			margin-top: -4px;
			line-height: 30px;
			font-weight: 300;
			color:#5e656f;
			padding: 0 10%;
			}

		.text-space {
		padding: 3.4% 0 0 0;
	}		

		#copy {
			padding-bottom: 28px;
			}


		#pic img {
			margin: 13% 13% 0% 13%;
			width: 74%;
			}				

}