article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

address:before, address:after,
article:before, article:after,
aside:before, aside:after,
audio:before, audio:after,
blockquote:before, blockquote:after,
canvas:before, canvas:after,
dd:before, dd:after,
div:before, div:after,
dl:before, dl:after,
fieldset:before, fieldset:after,
figcaption:before, figcaption:after,
figure:before, figure:after,
footer:before, footer:after,
form:before, form:after,
header:before, header:after,
hgroup:before, hgroup:after,
hr:before, hr:after,
main:before, main:after,
output:before, output:after,
pre:before, pre:after,
section:before, section:after,
table:before, table:after,
tfoot:before, tfoot:after,
video:before, video:after,
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

address:after,
article:after,
aside:after,
audio:after,
blockquote:after,
canvas:after,
dd:after,
div:after,
dl:after,
fieldset:after,
figcaption:after,
figure:after,
footer:after,
form:after,
header:after,
hgroup:after,
hr:after,
main:after,
output:after,
pre:after,
section:after,
table:after,
tfoot:after,
video:after,
.clearfix:after {
	clear: both;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
	-webkit-font-smoothing: antialiased;
}

body {
	background: #83e0ce;
	color: #201e1c;
	font-family: 'Raleway', 'sans-serif';
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.625;
}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background: #333;
	color: #fff;
}

::selection {
	background: #333;
	color: #fff;
}

a {
	color: #48a3a6;
	text-decoration: none;
}

a:hover {
	color: #201e1c;
}

p {
	margin: 0 0 2.4rem;
	padding: 0;
}

p.workDesc {
	margin: 0 0 0.5rem;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	font-family: 'Merriweather', serif;
	font-size: 24px;
	font-weight: 300;
	margin: 5px 120px 30px -120px;
	margin: 5rem 12rem 3rem -12rem;
}

cite {
	font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Bree Serif', serif;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	padding: 0;
}

h1 {
	font-size: 54px;
	font-size: 5.4rem;
}

h2 {
	font-size: 45px;
	font-size: 4.5rem;
}

h3 {
	font-size: 28px;
	font-size: 2.8rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video {
	max-width: 100%;
}

img {
	height: auto;
	width: auto; /* IE8 */
}

img.retina {
	height: 260px;
	width: 260px;
}

.format-gallery #gallery-1 img {
	border: none;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #e5e5e5 inset;
	color: #7b7a7a;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 16px;
	padding: 1.6rem;
	width: 100%;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry-comments-link a,
.reply a,
.entry-content .button,
.button,
.entry-content .download-button {
	background-color: #5dbaa8;
	/*border: 2px solid #48a3a6;*/
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	/*text-transform: uppercase;*/
	width: auto;
}

.entry-content .button {
	display: inline-block;
}

.entry-content .download-button {
	display: block;
	margin: 20px auto 0;
	width: 200px;
}

.reply a {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 15px;
    padding: 0.7rem 1.5rem;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.entry-comments-link a:hover,
.reply a:hover,
.entry-content .button:hover,
.button:hover,
.entry-content .download-button:hover {
	background: #fff;
	/*border: 2px solid #48a3a6;*/
	color: #5dbaa8 !important;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap,
.content {
	margin: 0 auto;
	max-width: 1140px;
    
}

.home .content {
	max-width: none;
}

.site-inner {
	background: #fff;
	clear: both;
	padding-top: 96px;
}

.home .site-inner {
	background: none;
}

.home .site-inner > .wrap {
	max-width: 100%;
}

.home .site-inner {
	padding-top: 0;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content  */

.full-width-content .content {
	width: 100%;
}

/* Column Classes
--------------------------------------------- */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 3.508771929%; /* 40px / 1140px */
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.245614035%; /* 550px / 1140px */
}

.one-third,
.two-sixths {
	width: 30.96491228%; /* 352px / 1140px */
}

.four-sixths,
.two-thirds {
	width: 65.614035087%; /* 748px / 1140px */
}

.one-fourth {
	width: 22.368421052%; /* 255px / 1140px */
}

.three-fourths {
	width: 74.122807017%; /* 845px / 1140px */
}

.one-fifth {
	width: 17.192982456%; /* 196px / 1140px */
}

.two-fifths {
	width: 37.894736842%; /* 432px / 1140px */
}

.three-fifths {
	width: 58.596491228%; /* 668px / 1140px */
}

.four-fifths {
	width: 79.298245614%; /* 904px / 1140px */
}

.one-sixth {
	width: 13.684210526%; /* 156px / 1140px */
}

.five-sixths {
	width: 82.807017543%; /* 944px / 1140px */
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
	height: 50px;
	width: 50px;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.search-form {
	width: 50%;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.sticky {
}

img.centered,
.aligncenter {
	display: block;
	margin: 40px auto 50px;
	margin: 4rem auto 5rem;
	text-align: center;
}

img.alignnone {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 10px 40px 40px -120px;
	margin: 1rem 4rem 4rem -12rem;
	text-align: left;
}

img.alignright,
.wp-caption.alignright {
	margin: 10px -120px 40px 40px;
	margin: 1rem -12rem 4rem 4rem;
	text-align: right;
}

.wp-caption-text {
	color: #7b7a7a;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0;
}

.wp-caption .aligncenter {
	margin-bottom: 0;
}

.gallery-caption {
}

.featured-img {
	border: 5px solid #f1f0f0;
	border-radius: 50%;
	float: right;
	height: 200px;
	margin-left: 40px;
	margin-left: 4rem;
	margin-top: -20px;
	margin-top: -2rem;
	padding: 2px;
	padding: 0.2rem;
	width: 200px;
}

.featured-img img {
	border-radius: 50%;
}

.dark-box {
	background: #201e1c;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.archive-description,
.author-box {
	background: #fff;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.archive-description {
	margin-bottom: 4rem;
	padding: 40px 40px 24px;
	padding: 4rem 4rem 2.4rem;
}

.author-box {
	padding: 40px;
	padding: 4rem;
}

.author-box-title {
	color: #333;
	font-family: 'Raleway', 'sans-serif';
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.author-box a {
	border-bottom: 1px solid #ddd;
}

.author-box p {
	margin: 0;
}

.author-box .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.author {
	margin-top: 30px;
}

.content .more-link {
	border: none !important;
	color: #7b7a7a;
	display: inline-block;
	font-family: 'Raleway', 'sans-serif';
	font-size: 26px;
	font-size: 2.6rem;
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
    margin-top: 16px;
    margin-top: 1.6rem;
    padding-left: 0px;
    padding-right: 50px;
    padding-top: 0px;
    position: relative;
	width: auto;
}

.content .more-link:hover {
    background: none;
    color: #48a3a6;
}

.content .more-link .arrow-right {
	background: #7b7a7a;
	color: #7b7a7a;
	top: 23px;
}


/* Headings
--------------------------------------------- */

.entry-title {
	line-height: 1.2;
}

h1.entry-title {
	margin-bottom: 60px;
}

.entry-title a,
.sidebar .widgettitle a {
	color: #201e1c;
}

.entry-title a:hover {
	color: #48a3a6;
}

.archive-title {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Gravity Forms
--------------------------------------------- */

.site-inner div.gform_wrapper input[type="text"],
.site-inner div.gform_wrapper textarea,
.site-inner div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 16px;
	padding: 1.6rem;
}

.site-inner div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1.6rem 0 0;
}

.site-inner div.gform_wrapper input[type="submit"] {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-container {
	padding-top: 40px;
}

.site-header {
	margin: 0;
}

.fixed {
	background: none;
	/*background: rgb(32,30,28);*/
	/*background: rgba(32,30,28,0.9);*/
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
}

.fixed .title-area {
	display: none;
}

.header-image .site-header {
	padding: 4px 0;
}

/*.page .site-container,
.single .site-container {
	padding-top: 40px;
}*/

.site-header {
	margin-bottom: 40px;
}

/* Big Nav */

#big-nav {
	background: rgba(15,14,13,0.95);
	display: none;
	overflow: scroll;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9900;
}

#big-nav {
	padding: 100px;
}

#big-nav ul.menu {
	clear: both;
	display: block;
	list-style: none;
	margin: 150px 0 0;
	padding: 0;
}

#big-nav ul.menu li {
	float: left;
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	width: 33%;
}

#big-nav ul.menu li a {
	font-family: 'Merriweather', serif;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	display: block;
	padding: 5% 10% 7%;
}

#big-nav ul.menu li a small {
	color: #7b7a7a;
	display: block;
	font-size: 18px;
	font-weight: 100;
}


#big-nav ul.menu li a:hover {
	background: #48a3a6;
	color: #fff;
}

#big-nav ul.menu li a:hover small {
	color: #fff;
}

#big-nav .about-social {
	float: left;
	margin-left: 40px;
}

#big-nav .about-social ul li a {
	color: #fff;
	padding: 10px 15px;
	width: 180px;
}


/* Title Area
--------------------------------------------- */

.title-area {
	display: block;
	float: left;
	height: 55px;
	width: 201px;
}

/* Full width header, no widgets */

.header-image .site-description {
	display: none;
}

.header-image .site-title a {
	display: block;
}

/* Logo, hide text */

.header-image .title-area {
	padding: 0;
}

.header-image .site-title a {
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	background-size:  55px;
	color: #fff;
	display: block;
	font-family: 'Raleway', 'sans-serif';
	font-size: 16px;
	font-weight: bold;
	float: left;
	height: 55px;
	letter-spacing: 1px;
	margin: 0;
	padding-top: 17px;
	padding-left: 75px;
	text-transform: uppercase;
	width: 100%;
    margin-left: 10px;
}

.fixed .site-title a {
	background-size: 30px 38px;
	background-position: 0 8px;
	padding-left: 50px;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

#nav {
	float: right;
	margin-top:0px;
	position: relative;
	width: 210px;
}

#nav .genesis-nav-menu {
	margin-left: 610px;
}

#nav .menu-icon,
#nav .social-icon {
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	display: block;
	height: 42px;
	position: absolute;
	right: 10px;
	text-align: center;
    padding-top: 6px;
	top: 0px;
	width: 88px;
    font-weight: bold;
}

#nav .menu-icon:hover {
	background: #fff;
	color: #48a3a6;
}

#nav .social-icon:hover {
	background: #fff;
	color: #48a3a6;
}

#nav .menu-icon span,
#nav .social-icon span {
	display: block;
	padding-top: 10px;
}

#nav .menu-icon {
	background: #a04a4a  ;
	right: 104px;
}

#nav .social-icon { background: #48a3a6; }

.genesis-nav-menu {
	clear: both;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	height: 48px;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	line-height: 1.5;
	margin: 0 0 0 500px;
	overflow: hidden;
	padding: 0;
	text-transform: uppercase;
	width: 0px;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.social-nav {
	background: rgb(32,30,28);
	border-radius: 5px;
	display: none;
	padding: 8px 7px 8px 8px;
	position: absolute;
	right: 0px;
	top: 50px;
	z-index: 999;
}

.genesis-nav-menu a,
.social-nav a {
	border: none;
	color: #7b7a7a;
	display: block;
	padding: 15px 20px;
	padding: 1.5rem 2.0rem;
	position: relative;
}

.social-nav a {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 5px;
	padding: 0.5rem;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.social-nav a:hover {
	color: #fff;
}

.genesis-nav-menu #menu-item-945 a,
.genesis-nav-menu #menu-item-946 a {
	color: #7b7a7a;
}

.genesis-nav-menu #menu-item-945 a:hover,
.genesis-nav-menu #menu-item-946 a:hover {
	color: #fff;
}

.genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background: #fff;
	border: 1px solid #eee;
	border-top: none;
	letter-spacing: 0;
	padding: 16px 20px;
	padding: 1.6rem 2rem;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -54px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 28px 0;
	padding: 2.8rem 0;
	text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
	margin-left: 4.8rem;
}

.genesis-nav-menu > .search {
	padding: 14px 0 0;
	padding: 1.4rem 0 0;
}

.genesis-nav-menu .search-form {
	width: 100%;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
	border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
	margin-top: -55px;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.entry-content a {
	
	padding: 4px 4px;
}

.entry-content a:hover {
	background: #48a3a6;
	border: none;
	color: #fff;
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}

.entry-content a.aligncenter,
.entry-content a.alignleft,
.entry-content a.alignright,
.entry-content a.aligncenter:hover,
.entry-content a.alignleft:hover,
.entry-content a.alignright:hover {
	background: none !important;
	border: none !important;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
}

.entry-content ul,
.entry-content ol {
	margin-left: 0px;
}

.entry-content ol li,
.entry-content ul li {
	margin: 0 0 13px;
	margin: 0 0 1.3rem;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p {
	margin-bottom: 0;
}

p.intro {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 40px;
	margin-bottom: 4rem;
    visibility: hidden;
}

.entry-content img {
	border: 1px solid #e5e4e4;
}

.entry-content h3 {
	clear: both;
	margin: 50px 0 25px;
	margin: 5rem 0 2.5rem;
}

.entry-content h4,
.entry-content h5 {
	clear: both;
	color: #48a3a6;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
	margin: 50px 0 20px;
	margin: 5rem 0 2rem;
}

.entry-content h5 {
	color: #7b7a7a;
	margin: 0 0 20px;
	margin: 0 0 2rem;
}

.post-num {
	color: #7b7a7a;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	margin-top: 12px;
	margin-top: 1.2rem;
	text-align: right;
}

.post-num .num {
	display: inline-block;
	float: right;
	font-size: 32px;
	font-size: 3.2rem;
	margin: -15px 0 0 10px;
	margin: -1.5rem 0 0 1rem;
}

.entry-social,
.entry-comments-link {
	display: block;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

.entry-comments-link a {
	display: block;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 0 8px;
	padding: 1rem 0 0.8rem;
	text-align: center;
	letter-spacing: 0;
}


/* Entry Navigation
--------------------------------------------- */

.archive-navigation {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 48px 0 96px 0;
	text-align: center;
}
	
.archive-navigation a {
}

.archive-navigation li {
	display: inline;
}

.archive-navigation li a {
	background: #fff;
	border-radius: 3px;
	color: #7b7a7a;
	cursor: pointer;
	display: inline-block;
	padding: 6px 14px;
	padding: 0.6rem 1.4rem;
}

.archive-navigation li a:hover {
	background: #f1f0f0;
}

.archive-navigation li.active a {
	background: #201e1c;
	color: #fff;
}

/* Comments
--------------------------------------------- */

#comments,
#respond,
.entry-pings {
	margin: 0 auto;
	padding: 0 0 40px;
	padding: 0 0 4rem;
	width: 75%;
}

#comments h3,
#respond h3 {
	font-size: 54px;
	font-size: 5.4rem;
	text-align: center;
}

#respond h3.comment-reply-title {
    font-size: 44px;
    font-size: 4.4rem;
    margin-top: 50px;
    margin-top: 5rem;
    text-align: left;
}

#cancel-comment-reply-link {
    float: right;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    margin-top: 18px;
    margin-top: 1.8rem;
}

.ping-list,
#comments,
#respond {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

#comments a,
#respond a {
	
}

#comments .comment-author {
	font-family: 'Raleway', 'sans-serif';
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 100;
	margin: 0;
}

#comments .comment-author .says {
    display: none;
}

#comments .comment-meta {
    line-height: 1;
    margin-bottom: 30px;
    padding-left: 70px;
}

#comments .comment-meta a {
	border: none;
    color: #7b7a7a;
	font-family: 'Raleway', 'sans-serif';
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#respond input[type="email"],
#respond input[type="text"],
#respond input[type="url"] {
	width: 50%
}

#respond label {
	display: block;
	margin-right: 12px;
	margin-right: 1.2rem;
}

.comment-list li,
.ping-list li {
    border-bottom: 2px solid #e5e5e5;
	list-style-type: none;
	padding: 40px;
	padding: 4rem;
}

.comment-list li p,
.ping-list li p {
	font-size: 16px;
	font-size: 1.6rem;
}

.comment-list li li {
    background-color: #f8f8f8;
}

.comment-list li li li {
    background-color: #fff;
}

.comment-list .children {
    border-top: 2px solid #e5e5e5;
    margin-top: 40px;
    margin-top: 4rem;
}

li.comment {
	
}

.comment .avatar {
	margin: 0 16px 0px 0;
	margin: 0 1.6rem 0 0;
}

.bypostauthor {
}

.form-allowed-tags {
	background: #f5f5f5;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 24px;
	padding: 2.4rem;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

#footer-bg {
	top: 150px;
	position: absolute;
	left: 50%;
	margin-left: -341px;
	width: 682px;
	z-index: -10;
}

.site-footer {
	background-color: white;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
	position: relative;
	text-align: center;
    width: 100%;
    height: 50%;
}

.site-footer a {
	border-bottom: 1px solid #ddd;
}

.site-footer p {
	margin: 0;
}

.site-footer .social-icons {
	padding: 120px 0 60px;
}

.site-footer .social-icons a {
	border: none;
	color: #878583;
	display: inline-block;
	font-size: 45px;
	text-decoration: none;
	margin: 0;
	padding: 0 60px;	
}

.site-footer .social-icons a:hover {
	color: #fff;
}


/*
Custom CSS
---------------------------------------------------------------------------------------------------- */

/* UI Elements */

.arrow-down {
	background: #fff7d2;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 1px;
    padding-top: 20px;
}

.arrow-down:after {
	bottom: -20px;
	content: '\e80e';
	display: inline-block;
	font-family: "icon-font";
	font-size: 15px;
	position: absolute;
	left: -6px;
}

.arrow-right {
	background: #fff;
	height: 2px;
	position: absolute;
	right: 10px;
	top: 28px;
	width: 18px;
}

.arrow-right:after {
	bottom: -9px;
	content: '\e80d';
	display: inline-block;
	font-family: "icon-font";
	font-size: 12px;
	position: absolute;
	left: 23px;
}


/* Grid - based on Twitter bootstrap */
.row {
	/*margin-left: -48px;*/
	zoom: 1;
}

.row:before,
.row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-right: 24px;
	position: relative;
}

.span6 { width: 1140px; }
.span5 { width: 942px; }
.span4 { width: 744px; }
.span3 { width: 546px; }
.span2 { width: 348px;}
.span7 {  }


.span1 { width: 150px; }

.offset1 { margin-left: 198px; }
.offset2 { margin-left: 444px; }
.offset3 { margin-left: 642px; }
.offset4 { margin-left: 840px; }
.offset5 { margin-left: 1038px; }

.space-top1 { margin-top: 96px; }
.space-top2 { margin-top: 0px; }
.space-bottom1 { margin-bottom: 48px; }
.space-bottom2 { margin-bottom: 96px; }

.line,
a.go-bottom:after,
a.go-right:after,
.more-link:after {
	border-bottom: 1px solid #fff;
	height: 2px;
	position: relative;
	top: -48px;
	width: 48px;
}

.white .line {
	border-color: #201e1c;
}

.white a.go-bottom:after,
.white .more-link:after,
.more-link:after {
	border-color: #7b7a7a !important;
}

/* White background */
.white {
	background: #fff;
}

/* Dark background */
.page-template-page_work-php .site-inner,
.dark {
	background: #201e1c;
}

.page-template-page_work-php .site-inner h1,
.page-template-page_work-php .site-inner h2,
.page-template-page_work-php .site-inner h3,
.page-template-page_work-php .site-inner h4,
.page-template-page_work-php .site-inner p,
.page-template-page_work-php .site-inner a:hover,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark p,
.dark a:hover {
	color: #fff;
}

.page-template-page_work-php .site-inner h5,
.page-template-page_work-php .site-inner .intro,
.dark h5,
#home-intro p,
.dark .intro {
	color: #fffbcc;
}

/* Turq background */
.page-template-page_about-php .site-inner,
.turq {
}

.page-template-page_about-php .site-inner h1:not(#home-about h1),
.page-template-page_about-php .site-inner h2:not(#home-about h2),
.page-template-page_about-php .site-inner h3:not(#home-about h3),
.page-template-page_about-php .site-inner h4:not(#home-about h4),
.page-template-page_about-php .site-inner p:not(#home-about p),
.page-template-page_about-php .site-inner a:not(#home-about a),
.page-template-page_about-php .site-inner a:hover:not(#home-about a:hover),
.turq h1:not(#home-about h1),
.turq h2:not(#home-about h2),
.turq h3:not(#home-about h3),
.turq h4:not(#home-about h4),
.turq h5:not(#home-about h5),
.turq p:not(#home-about p)
/*.turq a:not(#home-about a)
.turq a:hover:not(#home-about a:hover)*/ {
    color: #fff;
}

.turq a.go-bottom:hover,
.turq a.go-right:hover {
	color: #fff;
}

.turq a.go-right:hover .arrow-right {
	background: #fff;
	color: #fff;
}

.turq .entry-content a {
}

.turq .entry-content a:hover {
	background: #fff;
	color: #201e1c;
}

.page-template-page_about-php .site-inner .button {
	border-color: #fff;
}

/* Navigaton */
a.go-bottom,
a.go-right {
    display: inline-block;
	color: #fff7d2 ;
	font-size: 25px;
	font-weight: 400;
    margin-right: 20%;
	width: 150px;
    z-index: 1000000;
}
a:hover.go-bottom{
color: #fff7d2;
}



/* Home page */
#home-intro {
	background: none;
}

#home-intro h2 {
	margin-bottom: 48px;
	margin-bottom: 4.8rem;
}

#home-intro p {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
}

#home-intro .link-more {
	height: 250px;
}

#home-intro .row {
	margin-bottom: 14rem;
}

#home-about {
	background-position: right 0;
	background-repeat: no-repeat;
	position: relative;
	opacity:0 ;
    background-color: #fff7d2;
	color:#4a3321;
}

#home-about2 {
	background-position: right 0;
	background-repeat: no-repeat;
	position: relative;
}

.noise { 
float:left; 
display: block; 
margin: 0 auto; 
width: 100%; 
height: 100%;
position: absolute; 
z-index: -1; 
background: url("images/noise.png") fixed repeat; 
z-index: 1000;}





#home-blog {
	position: relative;
}

#home-blog .archive-navigation {
	margin-top: 0;
}

/* Coming soon page */
.coming-soon {
	margin: 48px 0 96px;
	text-align: center;
}

.coming-soon .button {
	margin-top: 24px;
}


/* Next/Previous posts links */
#nextprev-float {
	bottom: 400px;
	display: none;
	height: 1px;
	left: 0px;
	line-height: 1;
	position: fixed;
	z-index: 0;
	width: 100%;
}

#nextprev-float .next-link,
#nextprev-float .prev-link {
	line-height: 1.3;
	position: absolute;
	text-align: center;
	width: 200px;
}

#nextprev-float .next-link {
	right: 50px;
}

#nextprev-float .arrow {
	height: 120px;
	margin-top: -60px;
	position: absolute;
	right: -40px;
	top: 50%;
	width: 80px;
}

#nextprev-float .prev-link .arrow {
	left: -40px;
}

#nextprev-float .arrow:after,
#nextprev-float .arrow:before {
	border-bottom: 15px solid #e4f1f2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	content: "";
	height: 0;
	left: 0px;
	position: absolute;
	width: 50px;
}

#nextprev-float .arrow:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
    top: 30px;
}

#nextprev-float .arrow:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 75px;
}

#nextprev-float .prev-link .arrow:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#nextprev-float .prev-link .arrow:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nextprev-float .prev-link {
	left: 50px;
}

#nextprev-float span {
	color: #48a3a6;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
	text-transform: uppercase;
}

#nextprev-float a {
	padding: 10px;
	color: #7b7a7a;
	font-size: 12px;
	text-transform: uppercase;
}

#nextprev-float a:hover {
	color: #201e1c;
}

/* Email signup box */
#signup-box {
	margin: 120px 0 80px;
	text-align: center;
}

#signup-box:before {
	border-bottom: 1px solid #201e1c;
	height: 2px;
	left: 50%;
	margin-left: -24px;
	position: relative;
	top: -60px;
	width: 48px;
}

#signup-box h3 {
	font-size: 48px;
	font-size: 4.8rem;
	margin: 0 0 20px;
}

#signup-box span {
	color: #7b7a7a;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 100;
}

#signup-box form {
	margin: 30px auto;
	width: 435px;
}

#signup-box input {
	float: left;
}

.email {
    text-align: left;
    font-size: 20px;
    padding-top: 50px;
    font-weight: bold;
    text-decoration: none;
    }

#signup-box .email-icon {
	background: #201e1c;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-family: "icon-font";
	float: left;
	height: 58px;
	line-height: 58px;
	margin-right: -58px;
	position: relative;
	text-align: center;
	z-index: 99;
	width: 58px;
}

#signup-box p {
	color: #48a3a6;
	font-size: 18px;
}


/* Contact Form */
#contact-form {
	background: #0f0e0d;
	color: #fff;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 0px; /* 440px */
	z-index: 9999;
}

#contact-form .inner {
	overflow: hidden;
	padding: 35px 0 0 50px;
	position: relative;
	width: 440px;
}

#contact-form .gform_wrapper label {
	color: #7b7a7a;
	display: none;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}

#contact-form .gform_wrapper .ginput_container {
	display: inline-block;
	width: 350px;
}

#contact-form .gform_wrapper .top_label input.medium,
#contact-form .gform_wrapper .top_label select.medium,
#contact-form .gform_wrapper textarea {
	font-size: 16px;
	padding: 10px 12px;
	width: 80%;
}

#contact-form .gform_wrapper textarea {
	height: 100px;
	width: 95%;
}

#contact-form .gform_wrapper .gfield_checkbox label {
	display: inline-block;
	text-align: left;
	width: 300px;
}

#contact-form .gfield_required {
	display: none;
}

#big-nav .close-button,
#contact-form .close-button {
	color: #7b7a7a;
	font-size: 24px;
	position: absolute;
	right: 30px;
	text-decoration: none;
	top: 42px;
}

#big-nav .close-button {
	font-size: 30px;
	right: 100px;
	top: 100px;
}

#big-nav .close-button:hover,
#contact-form .close-button:hover {
	color: #fff;
}

#contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	background: none;
	border: none;
	margin: 0px !important;
	padding: 0px !important;
}

#contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required input {
	border: 2px solid #a41600;
	color: #a41600;
}

#contact-form .validation_error {
	display: none !important;
}

#contact-form .gform_wrapper .ginput_container + .gfield_description.validation_message {
	font-weight: normal;
	margin-top: 0px;
	padding-bottom: 0px !important;
}

#contact-form .gform_wrapper .gform_footer input.button,
#contact-form .gform_wrapper .gform_footer input[type=submit] {
	font-size: 16px;
	font-size: 1.6rem;
}

/* Background */
#background {
	/*-webkit-transform: scale(0.5, 0.5);*/
	left: 500px;
	/*left: 0px;*/
	position: fixed;
	top: -65px;
	z-index: -999;
}

.cube {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	height: 159px;
	left: 0px;
	overflow: hidden;
    position: absolute;
    top: 0px;
	width: 138px;
}

.rightFace,
.leftFace,
.topFace div {
	border: 2px solid #373533;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    height: 80px;
    width: 70px;
}

.topFace div {
	height: 70px;
}

.rightFace,
.leftFace,
.topFace {
    position: absolute;
    top: 60px;
}

.leftFace {
	border-right-width: 2px;
    -webkit-transform: skew(0deg, 30deg);
    -moz-transform: skew(0deg, 30deg);
    -o-transform: skew(0deg, 30deg);
    -ms-transform: skew(0deg, 30deg);
    transform: skew(0deg, 30deg);
}

.rightFace {
	border-left-width: 2px;
    -webkit-transform: skew(0deg, -30deg);
    -moz-transform: skew(0deg, -30deg);
    -o-transform: skew(0deg, -30deg);
    -ms-transform: skew(0deg, -30deg);
    transform: skew(0deg, -30deg);
    left: 68px;
}

.topFace div {
    -webkit-transform: skew(0deg, -30deg) scale(1, 1.16);
    -moz-transform: skew(0deg, -30deg) scale(1, 1.16);
    -o-transform: skew(0deg, -30deg) scale(1, 1.16);
    -ms-transform: skew(0deg, -30deg) scale(1, 1.16);
    transform: skew(0deg, -30deg) scale(1, 1.16);
}

.topFace {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    top: 6px;
    left: 34px;
}

/* Work */
.full-portfolio-button {
	padding-top: 50px;
	text-align: center;
}

.work-people {
	color: #fff;
}

.work-people ul {
	list-style: none;
	margin: 0;
}

.work-people ul li {
	list-style: none;
	line-height: 1.5;
	margin-bottom: 48px;
	text-align: center;
}

.work-people ul li.first {
	margin-left: 0;
}

.work-people ul li .img {
	height: 100px;
	margin-bottom: 10px;
	width: auto;
}

.work-people ul li strong {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}

.work-people ul li small {
	color: #7b7a7a;
	display: block;
	font-size: 13px;
}

.work-people ul li a {
	color: #fff;
}

.work-people ul li a:hover {
	color: #7b7a7a;
}

.work-people .avatar {
	float: none;
	height: 85px;
	width: 85px;
}

.dribbble-shots ul li {
	display: block;
	margin-bottom: 48px;
	overflow: hidden;
	position: relative;
}

.dribbble-shots ul li a {
	display: block;
	height: 265px;
	width: 352px;
}

.dribbble-shots ul li a img {
	border-radius: 2px;
}

.dribbble-shots ul li .title {
	background: #a04a4a;
	bottom: 0px;
	color: #fff;
	display: block;
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	font-weight: lighter;
	height: auto;
	left: 0px;
	line-height: 1.3;
	padding: 15px 0 15px;
	position: absolute;
	width: 100%;
    text-align: center;
	
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	
	z-index: 999;
}

.dribbble-shots ul li:hover .title {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}




/* About */
.about-social ul {
	list-style: none;
	margin: 0;
}

.about-social ul li {
	display: inline-block;
	list-style: none;
	margin: 10px 5px;
	padding: 0;
}

.about-social ul li a {
	border-color: #fff7d2;
	display: inline-block;
	font-size: 14px;
	width: 200px;
}

.about-social ul li a:before {
	font-size: 22px;
	margin-right: 25px;
}

.about-social ul li a:hover {
	background: #fff;
	border-color: #fff;
	color: #201e1c !important;
}


/* Resources */

ul.resources,
ul.resources li {
	list-style: none;
}

ul.resources {
	/*margin-left: -48px;*/
	margin-top: 40px;
	margin-top: 4rem;
}

ul.resources li {
	/*margin-right: 48px;*/
	margin-left: 48px;
}

ul.resources li a {
	border: none;
	display: block;
	padding-bottom: 40px;
}

ul.resources li a:hover {
	background: none;
	color: #48a3a6;
}

ul.resources li a:hover h3 {
	color: #48a3a6;
}

ul.resources li h3 {
	color: #201e1c;
	font-size: 24px;
	margin: 0;
}

ul.resources li small {
	color: #7b7a7a;
	display: inline-block;
	margin: 0;
}

ul.resources li a.book-cover {
	height: 160px;
	padding-bottom: 10px;
	padding-bottom: 1rem;
}

/* Sharing buttons */
div.sharedaddy div.sd-block {
	border: none !important;
	padding: 13px 0 0 !important;
}

div.sharedaddy .sd-content {
	float: none !important;
	width: 100% !important;
}

div.sharedaddy a {
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:     none;
	-o-transition:      none;
	transition:         none;
}

.share-blog {
	margin-bottom: -10px;
	margin-top: 10px;
}


/* Personal projects */
.personal-projects {
	padding: 50px 0 120px;
	/* display: none; */
}

.personal-projects p {
	margin-bottom: 40px;
}

.personal-projects a {
	border: 2px solid #fff;
	margin: 0 10px;
}

.personal-projects a.logo-typespiration {
	background-image: url("images/logo-typespiration.png");
	background-position: center;
	background-size: 134px 22px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 50px;
	width: 190px;
}

.personal-projects a.logo-gridspiration {
	background-image: url("images/logo-gridspiration.png");
	background-position: center;
	background-size: 144px 13px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 50px;
	width: 190px;
}


/* Retina display ----------- */

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	
	.header-image .site-title a {
		background-image: url("images/logo.png");
	}
	
	.personal-projects a.logo-typespiration {
		background-image: url("images/logo-typespiration@2x.png");
	}
	
	.personal-projects a.logo-gridspiration {
		background-image: url("images/logo-gridspiration@2x.png");
	}

}


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1140px) and (max-width: 1255px) {
	.wrap,
	.content {
		max-width: 90%;
        margin: 0 auto;
	}
}


@media only screen and (max-width: 1139px) {

	.wrap,
	.content {
		max-width: 960px;
        height: 60%;
	}

	.dribbble-shots ul li a {
		height: auto;
		width: 100%;
	}
	
	img.alignright,
	.wp-caption.alignright {
		margin-right: 0px;
	}
	
	#comments,
	#respond {
		width: 65%;
	}
	
	#signup-box h3 {
		font-size: 42px;
		font-size: 4.2rem;
	}


	.span6 { width: 960px; }
	.span5 { width: 792px; }
	.span4 { width: 624px; }
	.span3 { width: 456px; }
	.span2 { width: 288px; }
	.span1 { width: 120px; }
	
	.offset1 { margin-left: 168px; }
	.offset2 { margin-left: 384px; }
	.offset3 { margin-left: 552px; }
	.offset4 { margin-left: 720px; }
	.offset5 { margin-left: 886px; }
	
}



@media only screen and (max-width: 1023px) {

	#nextprev-float { display: none !important; }
	.site-container { padding-top: 15px; }

	.row {
		clear: both;
		float: none;
		margin-left: 0;
	}
	
.span7,.span6, .span5, .span4, .span3, .span2, .span1 {
		clear: both;
		float: none;
		margin: 0;
		width: 100%;
	}
	
	.wrap,
	.content {
		margin: 0 auto;
		max-width: 90%;
	}
	
	#home-intro h2 {
		margin-bottom: 24px;
		margin-bottom: 2.4rem;
	}
	
	#home-intro .span4 br { display: none; }
	#home-intro .link-more { height: 140px; }
	#home-intro .row { margin-bottom: 80px; }
	
	.space-top { margin-top: 100px; }
	.space-bottom1 { margin-bottom: 24px; }
	.space-bottom2 { margin-bottom: 48px; }
	
	#nav { width: 465px; }
	#nav .genesis-nav-menu { margin-left: 465px; }
	
	.genesis-nav-menu a {
		padding-left: 7px;
		padding-left: 0.7rem;
		padding-right: 7px;
		padding-right: 0.7rem;
	}
	
	#home-about .link-more { display: none; }
	
	.full-portfolio-button {
		padding: 20px 0;
	}
	
	.work-people ul li {
		clear: none;
		display: inline-block;
		height: 180px;
		margin-right: 2%;
		width: 30%;
	}
	
	.dribbble-shots ul li {
		clear: none;
		display: inline-block;
		margin-bottom: 2%;
		margin-right: 2%;
		width: 47%;
	}
	
	.dribbble-shots ul li a {
		height: auto;
		width: 100%;
	}
	
	.post-num { text-align: left; }	
	.post-num .num { float: none; }
	.site-footer .social-icons a { padding: 0 25px; }
	
	.page .site-inner, .single .site-inner { padding-top: 24px; }
	
	.entry-comments-link {
		float: left;
		margin-right: 20px;
		width: 150px;
	}
	
	.entry-social, .entry-comments-link { margin-bottom: 20px; }
	img.alignleft, .wp-caption.alignleft, blockquote { margin-left: 0; }
	#comments, #respond { width: 100%; }
	.archive-navigation { margin-left: 0; }
	
}

@media only screen and (max-width: 766px) {

	#nav { width: 100px; }
	h2 { font-size: 3rem; }
	#home-intro p, p.intro { font-size: 2rem; }

	.genesis-nav-menu {
		display: block;
		height: auto;
		left: 0px;
		position: fixed;
		margin: -175px 0 0;
		top: 0px;
		z-index: 9999;
		width: 100%;
	}
	
	.genesis-nav-menu .menu-item {
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		background: #111;
		display: block;
		float: left;
		padding: 5px 0;
		text-align: center;
		width: 50%;
	}
	
	.genesis-nav-menu #menu-item-947 {
		width: 100%;
	}
	
	.site-footer .social-icons a { padding: 0 15px; }
	#signup-box { margin-top: 180px; }
	
	.ping-list,
	#comments,
	#respond {
		margin-bottom: 0;
	}
	
	.alignleft, .wp-caption.alignleft,
	.alignright, .wp-caption.alignright {
		float: none;
		margin: 24px 0 !important;
		text-align: center;
		max-width: 100%;
	}
	
	.entry-content ul, .entry-content ol { margin-left: 30px; }
	
	#big-nav {
		padding: 50px;
	}
	
	#big-nav .close-button {
		top: 50px;
		right: 10px;
	}
	
	#big-nav .about-social {
		margin-left: 25px;
	}
	
	#big-nav ul.menu li {
		width: 50%;
	}
	
}

@media only screen and (max-width: 480px) {

	.title-area { width: 130px; }
	.header-image .site-title a {
		padding-left: 60px;
		padding-top: 6px;
	}

	
	h1, #comments h3, #respond h3, #respond h3.comment-reply-title { font-size: 3rem; }
	h2 { font-size: 2.5rem; }
	h3, #comments .comment-author { font-size: 2rem; }
	h4 { font-size: 1.8rem; }
	h5 { font-size: 1.5rem; }
	h6 { font-size: 1.4rem; }
	
	#home-intro h2 { margin-bottom: 2rem; }
	#home-intro p, p.intro { font-size: 2rem; }
	#home-intro .link-more { height: 100px; }
	#home-intro .line { display: none; }
	#home-intro .row {
		margin-bottom: 40px;
		margin-top: 30px;
	}
	
	.work-people ul li {
		clear: none;
		display: inline-block;
		height: 180px;
		margin-right: 1%;
		width: 48%;
	}
	
	.dribbble-shots ul li {
		clear: none;
		display: inline-block;
		margin: 0 0 1.5rem;
		width: 100%;
	}
	
	.featured-img { display: none; }
	.entry { margin-bottom: 0; }
	
	h1.entry-title { margin-bottom: 2rem; }
	
	#signup-box { margin-top: 100px; }
	#signup-box:before { top: -65px; }
	#signup-box h3 { font-size: 3rem; }
	#signup-box span {
		font-size: 2.5rem;
	}
	

	
	blockquote {
		margin: 2rem 0;
	}
	
	ul.resources li {
		margin-left: 0;
	}
	

	.comment-list li, .ping-list li { padding: 2rem 1rem; }
	.site-footer .social-icons { padding: 60px 0; }
	.site-footer { padding-bottom: 60px; }
	
	#big-nav {
		padding: 25px;
	}
	
	#big-nav .close-button {
		display: none;
	}
	
	#big-nav ul.menu {
		margin-top: 200px;
	}
	
	#big-nav ul.menu li {
		margin-bottom: 0px;
		width: 100%;
	}
	
	#big-nav ul.menu li a {
		font-size: 32px;
		padding: 5px 10px;
	}
	
	#big-nav .about-social {
		margin-left: 0;
	}
	
	#big-nav .about-social ul li  {
		margin: 10px 0 0;
	}
	
	#big-nav .about-social ul li a {
		margin: 0;
		padding: 10px 5px;
		width: 130px;
	}
	
	#big-nav .about-social ul li a:before {
		margin-right: 5px;
	}
	
}

@media only screen and (max-width: 400px) {
	h2 { font-size: 2.1rem; }
	#home-intro p, p.intro { font-size: 1.4rem; }
}
a:hover.luxi{
    background-image: url("images/cover/luxi-b.jpg") ;
    
}

.luxi {
    background-image: url("images/cover/luxi.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

#box {
   	/*background: url("images/back-5.jpg")no-repeat;*/
    background-color: #4a3321;
    z-index: 100000;
    background-position: right 0;
}

.padding {
    height: 15px;
    width:90%;
    color:#fffbcc ;

}

.resume {
    position: relative;
    background-color: #5dbaa8;
	color: #fff;
    text-align: center;
    padding-top: 8px;
    padding-left: 25px;
    padding-right: 15px;
    border-radius: 5px;
    float: left;
    margin-top: 40px;
    text-decoration: none;
    margin-bottom: 40px;
    font-weight: bold;
}

.resume:hover {
	background-color: #fff;
	color: #5dbaa8 !important;
}

.creds {
    float:right; 
    text-align:left; 
    color:gray;
    font-size: 15px;
    padding-top: 90px;
    
}

.special {
    font-size: 23px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: left;
}

#quote-container {
    font-size: 18px;
    font-family: 'Raleway', 'sans-serif';
    font-weight: 100;
    margin-top: -10px;
}

.center {
margin-left: 0px;
}

.description {
    visibility: hidden;
}

a:hover.touch{
    background-image: url("images/cover/touch-b.jpg") ;   
}

.touch {
    background-image: url("images/cover/touch.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.boston{
    background-image: url("images/cover/boston-b.jpg") ;   
}
.boston {
    background-image: url("images/cover/boston.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.fionapp{
    background-image: url("images/cover/fionapp-b.jpg") ;   
}
.fionapp {
    background-image: url("images/cover/fionapp.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.poke{
    background-image: url("images/cover/poke-b.jpg") ;   
}
.poke {
    background-image: url("images/cover/poke.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.ecossistant{
    background-image: url("images/cover/ecossistant-b.jpg") ;   
}
.ecossistant {
    background-image: url("images/cover/ecossistant.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.funzii{
    background-image: url("images/cover/funzii-b.jpg") ;   
}
.funzii {
    background-image: url("images/cover/funzii.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.pulse{
    background-image: url("images/cover/pulse-b.jpg") ;   
}
.pulse {
    background-image: url("images/cover/pulse.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.wooden-toy{
    background-image: url("images/cover/wooden-toy-b.jpg") ;   
}
.wooden-toy {
    background-image: url("images/cover/wooden-toy.jpg");
    	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

a:hover.hover {
 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
    opacity: 0;
}

.explain {
    color: black;
    margin-top: 0px;
    position: relative;
}

.dividingLine {
        height: 1px;
    width:45px;
    background-color: #fff ;
    display: inline-block;
}

a,
a img {
    Text-decoration: none;
    outline: none;
    border: 0px none transparent;
}

#image {
   width: 30px;
    border-radius: 5px; 
    outline: none;
    Text-decoration: none;
    border: 0px none transparent; 
    margin-right: 20px;
}



.icons {
    float: left;
    margin-left: 0px;
    margin-top: 20px;
}



.arrow-d {
    width: 26px;
    position: absolute;
    margin-left: 9px;
    margin-top: 6px;
}

.workDesc {
	color:#4b3421;
	margin-bottom: .1rem;
}

img.bkgimage {
	z-index: -10000;
	width: 100%;
	min-width: 20em;
	max-width: 1040px;
	height: auto;
	position: absolute;
	right: 0;
}