/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],/* 1 */
[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,/* 1 */
menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}



/* Site styles
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*,
*:before,
*:after {box-sizing: border-box;}

img{vertical-align:middle;display:inline-block;}
img, object, embed {max-width: 100%;height: auto;}
object, embed {height: 100%;}
img {-ms-interpolation-mode: bicubic;}
em, i{font-style:italic;}
b,strong {font-weight:bold;}

html {font-size: 115%;}
html, body {height: 100%; background-color: #fff;}
body {font-family: 'Crimson Text', serif; color: #333;}

@media only screen and (min-width: 30em) {
	html {font-size: 125%;}
}
@media only screen and (min-width: 50em) {
	html {font-size: 140%;}
}

::-moz-selection{background:#fb7f0e;color:#fff!important;text-shadow:none!important}
::-webkit-selection{background:#fb7f0e;color:#fff!important;text-shadow:none!important}
::selection{background:#fb7f0e;color:#fff!important;text-shadow:none!important}

.s-about ::-moz-selection{background:#fff;color:#fb7f0e!important;text-shadow:none!important}
.s-about ::-webkit-selection{background:#fff;color:#fb7f0e!important;text-shadow:none!important}
.s-about ::selection{background:#fff;color:#fb7f0e!important;text-shadow:none!important}

a {transition: color .2s;}
a, a:visited {color: #07c;}
a:hover, a:focus, a:active {color: #fb7f0e;}

h2 {
	font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    margin: .5em 0 .25em 0;
}
p,table,ul,ol {margin: 0 0 1em;}
p,td,th,li {line-height: 1.6;}
p.date {font-family: 'Roboto', sans-serif; color: #999; margin: .5em 0 .25em;font-size: .67em; text-transform: uppercase; transition: color 0.25s;}
p.date:hover {color:#333;}

p.link a {
	background-color: #07b;
	color:#fff;
	padding:.5em 1em;
	font-size: .67em;
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	border-radius: 3px;
	position:relative;
	display: inline-block;
	transition: background-color .22s;
}
p.link a:hover {background-color: #fb7f0e;}

/* Effect from hover.css (http://ianlunn.github.io/Hover/) */
/*
p.link a {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: #07b;
  transition-property: color;
  transition-duration: 0.2s;
}

p.link a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #d00;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.22s;
  
}
p.link a:hover, 
.hvr-shutter-out-vertical:focus, 
.hvr-shutter-out-vertical:active {
  border-color:#d00;
}
p.link a:hover:before, 
.hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  background:#d00;
}
*/

p.link a:after {
	margin-left: 5px;
	display: inline-block;
	content: ' ';
	width:14px;
	height:14px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20256%20512'%3E%3Cpath%20d%3D'M224.3%20273l-136%20136c-9.4%209.4-24.6%209.4-33.9%200l-22.6-22.6c-9.4-9.4-9.4-24.6%200-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6%200-33.9L54.3%20103c9.4-9.4%2024.6-9.4%2033.9%200l136%20136c9.5%209.4%209.5%2024.6.1%2034z'%20style%3D'fill%3A%23fff%3B'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
}

.content-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 860px;
	padding: 18px;
	/* overflow: hidden; */
}
#header {
	background-color: #fff;
}

#header h1 {font-size: 1.6rem;margin: .6em 0;font-family:'Roboto',sans-serif;font-weight:300;text-align:center;color: #444;}
#header .name {color: #0892f7;}

span.label {
    text-transform: uppercase;
    color: #07b;
    margin-right: 5px;
    font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: .75em;
}
.findme {text-align:center; clear:both;}
.findme a {font-size:1.6rem; padding: .2em .4em; margin:0 .2em; color: #fff;}

.post {
	position: relative;
}
.post:after {
	height: 1px;
	background-color: #ddd;
	content: ' ';
	display:block;
	margin: 2em 0;
}
@media only screen and (min-width:1000px) {
	.post:after {
		position:relative;
		width: 106%;
		left: -3%;
		margin: 3em 0;
	}
}

.s-about {
	color: #fff;
	position:relative;
	overflow: hidden;
	padding: 3em 0;
	text-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.parallax-bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image: url(../_images/bg5o.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.overlay-bg {position:absolute;top:0;left:0;right:0;bottom:0;background: rgb(228, 125, 48);opacity: .87;}

.s-about .content-wrapper {
	position:relative;
	z-index:2;
	opacity: 0;
	/* @keyframes duration | timing-function | delay | name */
	animation: 500ms linear 500ms forwards fadein;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.caption {font-size: .62em;font-family:'Roboto',sans-serif;display: block;margin: .5em;text-align: center;}

@media only screen and (min-width: 34em){
	.s-about .photo {
		float: right; width: 40%; margin: 0 0 5% 6%;
	}
}

.pros-cons {font-size: .9em; clear:both;}

.s-about .section-label { color: #f9f1db;}


#footer {
    width: 100%;
	max-width: 860px;
	padding: 15px 0;
	margin: 0 auto;
	height: 4em;
}
#footer p {
	margin: 1em 25px;
    font-size: 0.75em;
	color: #999;
}
#footer a {
	color: #777;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #07b;
}
.section-label {
	font-size:.9rem;
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin: 2em 0;
	color: #333;
}