/*
           .....
       _d^^^^^^^^^b_
    .d''           ``b.
  .p'                 `q.
 .d'                   `b.
.d'                     `b.
::                       ::
::      S O C I A L      ::
::                       ::
`p.                     .q'
 `p.                   .q'
  `b.                 .d'
    `q..          ..p'
       ^q........p^
           ''''
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
a, a em {
	cursor: pointer;
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}
a {
	text-decoration: none;
}
a:hover, a:hover em {
	color: gray;
}
em {
	font-style: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav,
section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, q:before {
	content: "\201C";
}
blockquote:after, q:after {
	content: "\201D";
}
fieldset, iframe, img, table {
	border: 0;
}
::-moz-focus-inner {
	border: 0;
}
input[type=search] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
}
li li {
	margin-left: 2em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea {
	overflow: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
}
b, strong {
	font-weight: bold;
}
html {
	-webkit-text-size-adjust: 100%;
}

/*---- Base ----*/
body {
	background: #fff;
	color: #272727;
	font-family: "Graphik", "SF UI Text", "Inter", "Helvetica Neue", Helvetica Arial, Sans-serif;
	 font-style: normal;
	 font-weight: normal;
	font-size: 21px;
	text-rendering: optimizeLegibility;
	line-height: 2.4rem;
}
h1 {
	color: #272727;
	font-size: 156px;
	font-family: 'Instrument Serif', serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25em;
	letter-spacing: -0.01em;
}
h3 {
	font-family: 'Instrument Serif', serif;
	font-size: 36px;
	font-weight: bolder;
	margin-bottom: -1rem;
}
h4 {
	color: #999;
	font-family: "Graphik", "Helvetica Neue", Helvetica, Arial, Sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .05rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
img, video {
	width: 100%;
	height: auto;
}
em {
	color: #b0b0b0;
}
a {
	color: blue;
	border-bottom: 1px solid;
}
p {
	margin-bottom: 1.5rem;
	letter-spacing: .01rem;
}

/*---- Main ----*/
div#wrapper {
	margin: 0 auto;
	width: 90%;
}
header#header-main {
	padding: 2.5em 0;
}
h1 {
	width: 100%;
}
article {
	overflow: auto;
	margin-top: 3rem;
	margin-bottom: 4rem;
}
article#credentials {
	margin-top: 0;
	margin-bottom: 0;
}
h4#title-main {
	padding: 54px 0 0px;
}
ul {
	list-style: none;
	padding: 0;
}
li p.sub, p.sub {
	line-height: 18px;
	margin-top: -2px;
	margin-bottom: 12px;
}
li p.sub em.sub, p.sub {
	font-size: 12px;
}
p#dede {
	background-color: #ffc003;
}
p#dede video {
	max-height: 800px;
}
.entry {
	min-width: 270px;
	width: 50%;
	margin-top: 1rem;
	margin-bottom: 3.5rem;
}
footer .entry, #about .entry {
	margin-right: 5%;
	width: 30%;
}
#about .entry:nth-child(3n) {
	margin-right: 0;
}
section.abilities {
	width: 25%;
}
section.images:last-child p {
	margin-bottom: 0;
}
footer#footer-main, #about {
	overflow: auto;
	padding: 1.7rem 0;
}
footer p, #about p {
	margin-bottom: 0;
}

/*---- Tags ----*/
.animate {
	opacity: 0;
	margin-top: -10px;
	margin-bottom: 10px;
	transition: all 1.25s;
	-moz-transition: all 1.25s;
	-webkit-transition: all 1.25s;
	-o-transition: all 1.25s;
}
.loaded {
	opacity: 1;
	margin: 0px;
}
.gone {
	display: none;
}
.left {
	float: left;
}
.line {
	border-top: 1px solid #eee;
	padding: 2rem 0 0;
	overflow: auto;
}
.right {
	float: right;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.wrap {
	margin: auto;
	width: 85%;
}
.tag:after {
   content:", ";
}

.tag:last-child:after {
   content:"";
}

/*---- Spinner ----*/

.spinner {
height:36px;
width:36px;
margin-top: -96px;
margin-left: 18px;
position: absolute;
-webkit-animation: rotation 5s infinite linear;
-moz-animation: rotation 5s infinite linear;
-o-animation: rotation 5s infinite linear;
animation: rotation 5s infinite linear;
border-left: 3px solid rgba(0,0,0,.1);
border-right: 3px solid rgba(0,0,0,.1);
border-bottom: 3px solid rgba(0,0,0,.1);
border-top: 3px solid rgba(0,0,0,.25);
border-radius: 100%;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@media only screen and (max-width : 1200px) {
	h1 {
		font-size: 112px;
	}
}

@media only screen and (max-width : 860px) {
 	body {
		font-size: 16px;
		line-height: 1.8rem;
	}
	h1 {
		font-size: 56px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 11px;
		letter-spacing: .05rem;
		margin-bottom: 1rem;
	}
	article {
	    overflow: auto;
	    margin-top: 1rem;
	    margin-bottom: 4rem;
	}
 	.entry {
		width: 100%;
		margin-bottom: 2.5rem;
	}
	header#header-main {
		padding: 1.5em 0;
	}
	header.entry-title {
		margin-top: 2.5rem;
	}
	p#dede video {
		max-height: 400px;
	}
	#about .entry {
		margin-top: -1rem;
		margin-bottom: 0;
	}
}