/* Reset
-------------------------------------------------- */
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}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}

/* Basics
-------------------------------------------------- */
html {
	min-height:101%; /* Force vertical scrollbars */

}

body {
	color:rgba(0,0,0,0.8);
	background-color:#f0f3f3;

	font: normal 18px/25px "freight-macro-pro", sans-serif;
	font-weight:400;

	-webkit-font-smoothing:antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust:100%;	
}

/* Typography
-------------------------------------------------- */

/* Font loading via Typekit */
.wf-loading {
	visibility: hidden;
	font-family: sans-serif;
}

.wf-active h1 {
	visibility: visible;
}

/* Custom icon font (via Fontello) */
@font-face {
	font-family:'fontello';
	font-weight:400;
	font-style:normal;
	src:url(../font/fontello.eot?12947142);
	src:url(../font/fontello.eot?12947142#iefix) format("embedded-opentype"),url(../font/fontello.woff?12947142) format("woff"),url(../font/fontello.ttf?12947142) format("truetype"),url(../font/fontello.svg?12947142#fontello) format("svg");
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?12947142#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,[class*=" icon-"]:before {
	display:inline-block;

	width:1em;
	margin-right:.5em;
	/* fix buttons height, for twitter bootstrap */
	/*line-height: 1em;*/
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left:.2em;

	text-align:center;
	text-decoration:inherit;
	text-transform:none;

	font-family:"fontello";
	font-weight:400;
	font-style:normal;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant:normal;

	speak:none;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-gplus:before {
	content:'\e806';
}

/* '' */
.icon-linkedin:before {
	content:'\e801';
}

/* '' */
.icon-rss:before {
	content:'\e807';
}

/* '' */
.icon-twitter:before {
	content:'\e80b';
}

/* '' */
.icon-email:before {
	content:'\e803';
}

/* '' */
.icon-facebook:before {
	content:'\e800';
}

/* '' */
.icon-instagram:before {
	content:'\e802';
}

/* '' */
.icon-phone:before {
	content:'\e804';
}

/* '' */
.icon-home:before {
	content:'\e808';
}

/* '' */
.icon-data-science:before {
	content:'\e80a';
}

/* '' */
.icon-user:before {
	content:'\e809';
}

/* '' */
.icon-rdio:before {
	content:'\e805';
}

/* '' */


/* Headings */
h1,h2,h3,h4,h5,h6 {
	color:#646464;
}

h1 {
	margin:25px 0px 10px 0px;
	letter-spacing: -1px;
	font:normal 2rem/2rem "futura-pt-bold",sans-serif;
	font-size: 32px;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	margin: 0 0 1rem;
	padding:0;

	color:rgba(0,0,0,0.8);

	font-family: "freight-macro-pro", sans-serif;
	font-size:2rem;
	font-weight:400;
	font-style:normal;
	line-height:2rem;
}

h3 {
	margin:	5px 0 15px;

	letter-spacing:2px;
	text-transform:uppercase;

	color:rgba(0,0,0,0.6);

	font-family: "futura-pt-bold",sans-serif;
	font-size:15px;
	font-weight:700;
	line-height:1rem;
}

h4 {
	margin:0 0 12px;

	font-family: "freight-macro-pro", sans-serif;
	font-size:0.85rem;
	font-weight:600;
	line-height:1rem;
}

h1 a,h2 a,h3 a,h4 a{
	font-weight:inherit;
}

.subheader {
	color:#777;
}

p {
	margin:0 0 1.2rem;
}

p img {
	margin:0;
}

em {
	font-style:italic;
}

strong {
	font-weight:600;
}

small {
	font-size:80%;
}

/*	Blockquotes
-------------------------------------------------- */
blockquote,blockquote p {
	color:#777;

	font-size:17px;
	font-style:italic;
	line-height:27px;
}

blockquote {
	margin:0 0 20px;
	padding:9px 20px 0 19px;

	border-left:1px solid #e8e8e8;
}

blockquote cite {
	display:block;

	color:#444;

	font-size:12px;
}

blockquote cite:before {
	content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
	color:#444;
}

hr {
	clear:both;

	height:0;
	margin:10px 0 30px;

	border-width:4px 0 0;
	border-top:1px dotted rgba(0,0,0,0.1);
}


/* Links
-------------------------------------------------- */
a,a:visited {
	text-decoration:none;

	color:#4e4e4e;
	outline:0;
}

a:hover,a:focus {
	color:#00784f;
}

p a,p a:visited {
	line-height:inherit;
}

a.active,a.active:visited {
	text-decoration:none;
	font-weight: 800;

	color:#3c3c3c;
	border-bottom:2px solid #60d7c6;
	outline:0;
}

h1 a,h1 a:visited {
	text-decoration:none;

	color:#2a5053;
	outline:0;
}

h1 a:hover,h1 a:focus {
	color:#00784f;
}


/* Lists
-------------------------------------------------- */
ul,ol {
	/*margin-bottom:1.2rem;*/
}

ul {
	list-style:none outside;
}

.content ul {
	padding-left: 1rem;

	list-style:disc outside none;
}

ol {
	list-style:decimal;
}

ol,ul.square,ul.circle,ul.disc {
	margin-left:30px;
}

ul.square {
	list-style:square outside;
}

ul.circle {
	list-style:circle outside;
}

ul.disc {
	list-style:disc outside;
}

ul ul,ul ol,ol ol,ol ul {
	margin:4px 0 5px 30px;

	font-size:90%;
}

ul ul li,ul ol li,ol ol li,ol ul li {
	margin-bottom:6px;
}

li {
	line-height:25px;
	margin-bottom:0.6rem;
}

ul.social_icons li {
	margin-bottom: 4px;
}

ul.large li {
	line-height:1.6rem;
}

li p {
	line-height:1.6rem;
}


/* Images
-------------------------------------------------- */
img.scale-with-grid {
	max-width:100%;
	height:auto;
}

.logo {
	height: 35px;
	margin-top: 15px;

}


/* Buttons
-------------------------------------------------- */
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
	display:inline-block;

	margin-bottom:1rem;
	padding:0.6rem 1rem;

	cursor:pointer;
	text-decoration:none;

	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color: #60d7c6;
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.25);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.25);
	box-shadow:0 1px 8px rgba(0,0,0,0.25);
	
	font-family: "futura-pt-bold",sans-serif;
	font-size:15px;
	font-weight:700;
	line-height:1rem;
}

.button:visited,button:visited,input[type="submit"]:visited,input[type="reset"]:visited,input[type="button"]:visited {
	color:#fff;
}

a.button, a:button:visited {
	color: #fff;
}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	color:#fff;
	background:#00784f;
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.5);
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
	color:#fff;
	background:#ccc;
}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
	width:100%;
	padding-right:0!important;
	padding-left:0!important;

	text-align:center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;

	border:0;
}


/* Tabs (activate in tabs.js) */
/* -------------------------------------------------- */
ul.tabs {
	display:block;

	margin:0 0 20px;
	padding:0;

	border-bottom:solid 1px #e8e8e8;
}

ul.tabs li {
	display:block;
	float:left;

	width:auto;
	height:30px;
	margin-bottom:0;
	padding:0;
}

ul.tabs li a {
	display:block;

	width:auto;
	height:29px;
	margin:0;
	padding:0 20px;

	text-decoration:none;

	border:solid 1px #e8e8e8;
	border-width:1px 1px 0 0;
	background:#f5f5f5;

	font-size:13px;
	line-height:30px;
}

ul.tabs li a.active {
	position:relative;
	top:-4px;

	height:30px;
	margin:0 0 0 -1px;
	padding-top:4px;

	color:#111;
	border-left-width:1px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	background:#fff;
}

ul.tabs li:first-child a.active {
	margin-left:0;
}

ul.tabs li:first-child a {
	border-width:1px 1px 0;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
}

ul.tabs li:last-child a {
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
}

ul.tabs-content {
	display:block;
	margin:0;
}

ul.tabs-content > li {
	display:none;
}

ul.tabs-content > li.active {
	display:block;
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,ul.tabs:after {
	display:block;
	visibility:hidden;
	overflow:hidden;

	width:0;
	height:0;

	content:'\0020';
}

ul.tabs:after {
	clear:both;
}

ul.tabs {
	zoom:1;
}

/* Forms
-------------------------------------------------- */
form {
	margin-bottom:20px;
}

fieldset {
	margin-bottom:20px;
}

input[type="text"],input[type="password"],input[type="email"],textarea,select {
	display:block;

	width:210px;
	max-width:100%;
	margin:0;
	margin-bottom:20px;
	padding:6px 4px;

	color:#777;
	border:1px solid #ccc;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	outline:none;
	background:#fff;

	font:15px/24px "freight-macro-pro", sans-serif;
}

select {
	padding:0;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	color:#444;
	border:1px solid #aaa;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
	box-shadow:0 0 3px rgba(0,0,0,.2);
}

textarea {
	min-height:60px;
}

label,legend {
	display:block;

	font-size:13px;
	font-weight:600;
}

select {
	width:220px;
}

input[type="checkbox"] {
	display:inline;
}

label span,legend span {
	color:#444;

	font-size:13px;
	font-weight:400;
}

/* Misc
-------------------------------------------------- */
.remove-bottom {
	margin-bottom:0!important;
}

.half-bottom {
	margin-bottom:10px!important;
}

.add-bottom {
	margin-bottom:20px!important;
}

/* Base 960 Grid */
.container {
	position:relative;

	width:960px;
	margin:0 auto;
	padding:0;
}

.container .column,.container .columns {
	display:inline;
	float:left;

	margin-right:10px;
	margin-left:10px;
}

.row {
	margin-bottom:20px;
}

/* Nested Column Classes */
.column.alpha,.columns.alpha {
	margin-left:0;
}

.column.omega,.columns.omega {
	margin-right:0;
}

/* Base Grid */
.container .one.column,.container .one.columns {
	width:40px;
}

.container .two.columns {
	width:100px;
}

.container .three.columns {
	width:160px;
}

.container .four.columns {
	width:220px;
}

.container .five.columns {
	width:280px;
}

.container .six.columns {
	width:340px;
}

.container .seven.columns {
	width:400px;
}

.container .eight.columns {
	width:460px;
}

.container .nine.columns {
	width:520px;
}

.container .ten.columns {
	width:580px;
}

.container .eleven.columns {
	width:640px;
}

.container .twelve.columns {
	width:600px;
}

.container .thirteen.columns {
	width:760px;
}

.container .fourteen.columns {
	width:820px;
}

.container .fifteen.columns {
	width:880px;
}

.container .sixteen.columns {
	width:940px;
}

.container .one-third.column {
	width:300px;
}

.container .two-thirds.column {
	width:620px;
}

/* Offsets */
.container .offset-by-one {
	padding-left:60px;
}

.container .offset-by-two {
	padding-left:120px;
}

.container .offset-by-three {
	padding-left:180px;
}

.container .offset-by-four {
	padding-left:240px;
}

.container .offset-by-five {
	padding-left:300px;
}

.container .offset-by-six {
	padding-left:360px;
}

.container .offset-by-seven {
	padding-left:420px;
}

.container .offset-by-eight {
	padding-left:480px;
}

.container .offset-by-nine {
	padding-left:540px;
}

.container .offset-by-ten {
	padding-left:600px;
}

.container .offset-by-eleven {
	padding-left:660px;
}

.container .offset-by-twelve {
	padding-left:720px;
}

.container .offset-by-thirteen {
	padding-left:780px;
}

.container .offset-by-fourteen {
	padding-left:840px;
}

.container .offset-by-fifteen {
	padding-left:900px;
}


/* Tablet (Portrait)
-------------------------------------------------- */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width:768px;
	}

	.container .column,.container .columns {
		margin-right:10px;
		margin-left:10px;
	}

	.column.alpha,.columns.alpha {
		margin-right:10px;
		margin-left:0;
	}

	.column.omega,.columns.omega {
		margin-right:0;
		margin-left:10px;
	}

	.alpha.omega {
		margin-right:0;
		margin-left:0;
	}

	.container .one.column,.container .one.columns {
		width:28px;
	}

	.container .two.columns {
		width:76px;
	}

	.container .three.columns {
		width:124px;
	}

	.container .four.columns {
		width:172px;
	}

	.container .five.columns {
		width:220px;
	}

	.container .six.columns {
		width:268px;
	}

	.container .seven.columns {
		width:316px;
	}

	.container .eight.columns {
		width:364px;
	}

	.container .nine.columns {
		width:412px;
	}

	.container .ten.columns {
		width:460px;
	}

	.container .eleven.columns {
		width:508px;
	}

	.container .twelve.columns {
		width:556px;
	}

	.container .thirteen.columns {
		width:604px;
	}

	.container .fourteen.columns {
		width:652px;
	}

	.container .fifteen.columns {
		width:600px;
	}

	.container .sixteen.columns {
		width:748px;
	}

	.container .one-third.column {
		width:236px;
	}

	.container .two-thirds.column {
		width:492px;
	}

	/* Offsets */
	.container .offset-by-one {
		padding-left:48px;
	}

	.container .offset-by-two {
		padding-left:96px;
	}

	.container .offset-by-three {
		padding-left:144px;
	}

	.container .offset-by-four {
		padding-left:192px;
	}

	.container .offset-by-five {
		padding-left:240px;
	}

	.container .offset-by-six {
		padding-left:288px;
	}

	.container .offset-by-seven {
		padding-left:336px;
	}

	.container .offset-by-eight {
		padding-left:384px;
	}

	.container .offset-by-nine {
		padding-left:432px;
	}

	.container .offset-by-ten {
		padding-left:480px;
	}

	.container .offset-by-eleven {
		padding-left:528px;
	}

	.container .offset-by-twelve {
		padding-left:576px;
	}

	.container .offset-by-thirteen {
		padding-left:624px;
	}

	.container .offset-by-fourteen {
		padding-left:672px;
	}

	.container .offset-by-fifteen {
		padding-left:720px;
	}
}


/* Mobile (Portrait)
-------------------------------------------------- */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container {
		width:300px;
	}

	.container .columns,.container .column {
		margin:0;
	}

	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:300px;
	}

	/* Offsets */
	.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen {
		padding-left:0;
	}
}


/* Mobile (Landscape)
-------------------------------------------------- */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width:420px;
	}

	.container .columns,.container .column {
		margin:0;
	}

	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:420px;
	}
}


/* Clearing
-------------------------------------------------- */
/* Self Clearing Goodness */
.container:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:"\0020";
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after {
	display:block;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;

	content:'\0020';
}

.row:after,.clearfix:after {
	clear:both;
}

.row,.clearfix {
	zoom:1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	width:0;
	height:0;
}


/* Site Styles
-------------------------------------------------- */
nav {
	min-width:20px;
	margin-top:25px;
	text-align:right;
	font-weight:400;
}

nav li {
	display:inline;
	padding-right:0;
	padding-left:16px;

}

.container {}

ul.projects li {
	float:left;
	width:293px;
	min-height:110px;
	margin: 0 20px 20px 0;
	padding:0;
}

.projects a img {
	position:relative;
	z-index:10;
	width:100%;
	margin:0;
	padding:0;
}

.projects a {
	width:100%;
	height:100%;
}

.projects li:hover {}

.projects a:hover img {
	z-index:100;

	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.5);
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

img.screenshot {
/*
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
*/
	width:inherit;
/*for ie8*/
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;

	border:0;
	outline:0;
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.25);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.25);
	box-shadow:0 1px 8px rgba(0,0,0,0.25);
}

.pagehead {
	margin:0;
	padding: 1rem 0;
	/*border-bottom: 4px #4e4e4e solid;*/
}

.pagehead .container {}

.feature {
	padding-top: 2rem;
	padding-bottom: 1rem;
}

.intro {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.intro p {
	font-family: "freight-macro-pro", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	/* 	font-style: italic; */
	line-height: 2.24rem;
	color: rgba(0,0,0,0.6);
}

.intro p:nth-child(1) {
	-webkit-animation: 	fadein1 2.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: 	fadein1 2.5s; /* Firefox < 16 */
	-ms-animation: 		fadein1 2.5s; /* Internet Explorer */
	-o-animation: 		fadein1 2.5s; /* Opera < 12.1 */
	animation: 			fadein1 2.5s;
}

@keyframes fadein1 {
    0% 		{ opacity: 0; }
    100%  	{ opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein1 {
    0% 		{ opacity: 0; }
    100%  	{ opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein1 {
    0% 		{ opacity: 0; }
    100%  	{ opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein1 {
    0% 		{ opacity: 0; }
    100%  	{ opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein1 {
    0% 		{ opacity: 0; }
    100%  	{ opacity: 1; }
}

.intro p:nth-child(2) {
	-webkit-animation: 	fadein2 3.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: 	fadein2 3.5s; /* Firefox < 16 */
	-ms-animation: 		fadein2 3.5s; /* Internet Explorer */
	-o-animation: 		fadein2 3.5s; /* Opera < 12.1 */
	animation: 			fadein2 3.5s;
}
	
@keyframes fadein2 {
    0% 		{ opacity: 0; }
	50% 	{ opacity: 0;}
    100%  	{ opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein2 {
    0% 		{ opacity: 0; }
	50% 	{ opacity: 0;}
    100%  	{ opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein2 {
    0% 		{ opacity: 0; }
	50% 	{ opacity: 0;}
    100%  	{ opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein2 {
    0% 		{ opacity: 0; }
	50% 	{ opacity: 0;}
    100%  	{ opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein2 {
    0% 		{ opacity: 0; }
	50% 	{ opacity: 0;}
    100%  	{ opacity: 1; }
}
	

.intro ul.social_icons{
	margin-top: 2.5rem;
}

.intro ul.social_icons li{
	display:inline;
	font-size: 1.5rem;
}

.project_select {
	margin:0;
	padding-bottom:0;

	border-top: 4px rgba(255, 255, 255, 1.0) solid;
	border-bottom: 4px rgba(255, 255, 255, 1.0) solid;
	background-color: rgba(255, 255, 255, 0.6);
}

.project_select .container {
		padding-top:25px;
/* 	border-top: 4px rgba(0,0,0,0.1) solid; */
}
/*
.project_select h2{
	color: #fff;
}*/

.project_select img {
	z-index:10;
/*
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
*/
}

.contact {
	margin:0;
}

.contact .container {
	padding-top:25px;
	padding-bottom:25px;
/* 	border-top: 4px rgba(0,0,0,0.1) solid; */

/* 	border-bottom: 4px rgba(0,0,0,0.1) solid; */
}

.contact a, .contact a:visited {
	text-decoration:none;

	color:#444;
	outline:0;
}

.contact a:hover,.contact a:focus {
	color:#444;
}

.contact a i, .contact a:visited i{
	text-decoration:none;
	font-size: 0.8em;
	color:#2a5053;
	outline:0;
}

.contact a:hover i,.contact a:focus i {
	color:#00784f;
}

.footer {
	margin:0;
	padding-top:25px;
	padding-bottom:16px;

	color:rgba(0,0,0,0.6);
	font-size: 1rem;
	font-style: normal;
	line-height: 1rem;
}

.underlay {
}

.sidebar {
}

.content {
}


/* Page Styles
-------------------------------------------------- */

/* Media Queries
-------------------------------------------------- */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	ul.projects li {
		float:left;

		width:204px;
		min-height:110px;
		margin:0 10px 15px;
		padding:0;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1 {
		margin-bottom:8px;
		padding:0;

		line-height:1;
	}

	nav {
		margin-top: 10px;

		text-align:left;
	}

	nav li {
		padding-right:10px;
		padding-left:0;
	}

	.intro p {
		font-family: "freight-macro-pro", sans-serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 32px;
	}

	ul.projects {
		margin-top: 20px;
	}

	ul.projects li {
		float:left;

		width:130px;
		min-height:20px;
		margin:0 5px 10px;
		padding:0;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {
		font:normal 1rem/1.35;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	ul.projects li {
		float:left;

		width:130px;
		min-height:20px;
		margin:0 10px 10px;
		padding:0;
	}
}