* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 	-webkit-text-size-adjust: 100%;	}
			html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
				margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
			}
			body { line-height:1; }
			article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
			nav ul { list-style:none; }
			blockquote, q { quotes:none; }
			blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
			a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#FF8A00; text-decoration:none; }
			a:hover { text-decoration:none; color:#333; }
			a:focus { outline:0; }
			ins { background-color:#ff9; color:#000; text-decoration:none; }
			mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
			del { text-decoration: line-through; }
			abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
			table { border-collapse:collapse; border-spacing:0; }

			input,textarea { vertical-align:middle; font-family:  'Open Sans', Helvetica, Arial,  sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
			input[type="text"],input[type="password"],input[type="email"],input[type="tel"], input[type=number], textarea {-webkit-appearance: none;}
			input[type=number]::-webkit-outer-spin-button,
			input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
			input[type=number] { -moz-appearance:textfield; }
			#responsive label select { vertical-align:middle; font-family: 'Open Sans', Helvetica, Arial, sans-serif; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
			#responsive label select::-ms-expand { display: none; }
			input:focus,select:focus,textarea:focus{outline:0px;}
			input::-webkit-input-placeholder { color:#BBB; font-weight:normal; }
			input:-moz-placeholder { color:#BBB; font-weight:normal; }
			input::-moz-placeholder { color:#BBB; font-weight:normal; }
			input:-ms-input-placeholder { color:#BBB; font-weight:normal; }
			input::-ms-clear { display: none; }


			body { padding:0; margin:0; font-family: 'Open Sans', Helvetica, arial, sans-serif;  text-align:center; background:#FFF; color:#666; border-top:4px solid #FF8A00; }
			header { padding:2em 2em 0; }
			header h1 { color:#FF8A00; text-transform: uppercase; font-weight: 300;  font-size:4em; letter-spacing: -2px; }
			header h2 { font-size:1.8em; margin:0.25em; font-weight:600; }
			header p { margin:auto; margin-top:0.5em; font-weight:400;  font-size:1.4em;  line-height:130%; }


			.skills { list-style: none; margin:auto; width:100%; max-width:1400px; margin-top:1em; padding:0 0.5em; }
			.skills li { margin:1.5em 1em; text-align:left; max-width:400px; display:inline-block; vertical-align: top; }
			.skills b {  font-size:1.2em; color:#FF8A00; text-transform: uppercase; font-weight:400; }
			.skills b i { font-style: normal; font-size:0.6em; font-weight:400; color:#999;  }
			.skills span { display:block; line-height: 130%; margin-top:0.25em; font-size:0.9em }

			section h2 { color:#FFF; font-size:2.4em;  font-weight:300; letter-spacing: -1px;  text-transform: uppercase; margin:0.5em 0; }


			.introduction { display:block; padding:2em;  margin-bottom:0.25em; background:#f1f2f2; }
			.introduction .container { display:flex; flex-wrap:nowrap; margin:auto;  max-width:1000px;  }
			.introduction .bio { width:70%; }
			.introduction .photo { display:block; width:30%; margin-right:2em; }
			.introduction .photo img { display:block; width:100%; height:auto;}
			.introduction p { text-align: left; line-height:1.4em; margin-bottom:1em;  }

			.showcase { display:block; background:#FF8A00; padding:1em;  margin-bottom:0.25em; padding-bottom:2em; color:#FFF;}

			.showcase ul { list-style: none; text-align:center; max-width:1200px; margin:auto; }
			.showcase li { display:inline-block; width:50%; padding:0.25em; }
			.showcase li ul { margin-top:0.25em; }
			.showcase li li { display:block; width:100%; font-size:0.9em}
			.showcase a { color:#FFF; font-size:1.1em; display:block; padding:1em 1em 0.5em 1em;font-weight:600; border-bottom:.25em solid transparent;  }
			.showcase a:hover { border-color: #FFF; }
			.showcase img { max-width:400px; width:100%; display:block; margin:auto; margin-bottom:0.5em;}
			
			.about { display:block; background:#666; padding:1em; margin-bottom:0.25em; padding-bottom:2em; color:#FFF;}
			.about p { max-width:480px; margin:auto; margin-top:0.5em; font-weight:300;  font-size:1em;  line-height:130%; color:#CCC;}
			
			.contact { max-width: 500px; margin:auto; margin-bottom:3em}
			.contact p { padding:0.25em; background:#FF8A00; color:#FFF; font-weight:400; max-width:100%; }
			label { display:inline-block; width:50%; padding-right:0.5em; margin-top:0.25em;}
			label.special { display:none; }
			label input { width: 100%; border:2px solid #CCC; background:#FFF; font-size:1em; color:#333; padding:0.5em;}
			label.email { padding-left:0.5em; padding-right:0; }
			label span { display:block; text-align:left; padding:0.25em 0.5em; }
			textarea { width:100%; border:2px solid #CCC; background:#FFF; font-size:1em; color:#333; padding:0.5em; }
			input:hover, textarea:hover { border-color:#FF8A00 }
			input:focus, textarea:focus { border-color:#FF8A00 }

			button { display:block; margin:auto; width:60%; padding:1em; background:#FFF; border:2px solid #FF8A00; color:#FF8A00; font-size:1em; cursor: pointer; margin-top:1em; text-transform: uppercase; font-weight:300 }
			button:hover { background:#FF8A00; color:#FFF}


			footer {  background:#EFEFEF; padding:1em; min-height:24em; }
			footer h2 { color:#FF8A00; font-size:2.4em;  font-weight:300; letter-spacing: -1px;  text-transform: uppercase;  margin:0.5em 0;  }
			footer p { max-width:400px; margin:0.5em auto; font-weight:400;  font-size:1.2em;  line-height:130%; margin-bottom:1.5em; }

			@media only screen and (max-width:620px) {
				.showcase li { width:100%; }
				
				.introduction .container { flex-wrap:wrap; }
				.introduction .bio { width:100%; padding:1em; }
				.introduction .photo { width:100%; margin-bottom:1em; margin-right:0; }
				.introduction .photo img { width:60%; margin:auto; }
					
					
			}
			@media only screen and (max-width:500px) {
					header h1 { font-size:3em; }
					header h2 { font-size: 1.3em; }
					header p { font-size:1.2em }
					button { width:100% }
					label, label.email { width:100%; padding:0; }
					footer h2 { font-size:2em; }
					
				}