/*
Theme Name: Newtech.com

Author: 
Author URI: 
Description: 
Version: 1
*/


/*
*	Tune of choice :: http://www.youtube.com/watch?v=93l8hgvSQ_0
*/

@import url('css/reset.css');


/* = Base
-------------------------------------------------------------- */
body {
	margin:0;
}


.wrap {
	width:90%;
	max-width:960px;
	margin:auto;
}

.wrap.full {
	width:100%;
	max-width:960px;
	margin:auto;
}

.colfull {
	float:left;
	width:100%;
}

.assistive-text,
.skip-link {
	display:none;
}

img {
	max-width:100%;
	display: block;
    vertical-align: top;
}

.ds {
	margin-bottom:2em !important;
}

.ss {
	margin-bottom:1em !important;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

strong {
	font-weight:bold;
}

form {
	margin:0;
	padding:0;
}

.padded {
	padding:1em;
}

.padded-light {
	padding:.5em;
}


abbr {
	font-weight:bold;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

iframe {
	width:100%;
}

iframe.map_large {
	height:20em;
}

iframe.map_project {
	height:205px;
}

.slides li:not(:first-child) {
	display:none;
}

.panel_in {
	background:#eee;
	padding:0 1em;
	overflow:hidden;
}

/*= Typography
------------------ */
html { font-size: 62.5%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} 
body { font-size: 15px; font-size: 1.5rem; line-height:120%; color:#6F6F6F;  /* =14px */ }
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */
input {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande"
}

h1,h2,h3,h4 {
	color:#000;
	line-height:1.2;
}

h1 {
	color:#3B3B3D;
	font-weight:bold;
	margin-bottom:.65em;
}

h1.alt {
	font-weight:200;
	color:#1D7BB9;
	font-size:35px;
	font-size:3.5rem;
}

.stacked * {
	margin-bottom:.25em;
}

h2 {
	font-weight:200;
	color:#1D7BB9;
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:.55em;
}

h2.stand-to {
	color:#3B3B3D;
	font-weight:bold;
	margin-bottom:.55em;
	font-size: 24px; 
	font-size: 2.4rem;
}

blockquote p {
	margin-bottom:1em;
}


/*= Typography > leading
------------------ */
blockquote p {
	line-height:120%;
}

.home blockquote p {
	font-size:18px;
	font-size:1.8rem;
}

.recent-projects {
	line-height:120%;
	font-size:14px;
	font-size:1.4rem;
}


/*= Layout
------------------ */


/*= Branding Colors
------------------ */
.type-branding-1 {
	color:#62BFE5;	
}

.type-branding-2 {
	color:#1D7BBA;	
}

.branding-1 {
	background:#1D7BBA;
}

.branding-2 {
	background:#62BFE5;
}

.branding-2 *,
.branding-1 * {
	color:#fff;
}


a.quote {
	color: #FFFFFF;
 	font-weight: bold;
   	padding: 0.5em 1em 0.2em;
    text-decoration: none;
}

/*= Social Buttons 
------------------ */
.simplesocialbutton {
	float:left;
	margin:0 .35em 0 0 ;
}

/*= Grids
------------------ */
.loose li {
	float:left;
}

.spaced li {
	margin:0 .5em 0 0;
}

.grid-3 li {
	float:left;
	width:30%;
	margin-bottom:2em;
}

.grid-5 li {
	float:left;
	width:18.58%;
	margin-right:1.775%;
	margin-bottom:2em;
}

.grid-4 li {
	float:left;
	width:23.185%;
	margin-right:2.42%;
	margin-bottom:1em;
}

.widget .customers {
	padding:0;
	background:none;
}

.customers li {
	padding:.2em .5em .2em .5em !important;
	color:#fff;
}
.customers li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.customers li {
	background:#62BFE5;
	border-bottom:1px solid #fff;
	margin-bottom:0 !important;
	float:left;
	clear:left;
}

.customers li:nth-of-type(2n) {
	background:#1D7BBA;
}



.projects-grid figure {
	background:#fff;
}

.projects-grid a {
	text-decoration:none;
}

.projects-grid figcaption {
	padding:.5em .75em;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

#project-media ul {
	margin-top:1em;
	float:left;
	width:100%;
}

.sitemap,
 .sitemap ul  {
	list-style:disc;
	padding-left:1em;
	margin-left:2em;
}


/*= With Javascript
------------------ */
.js .quote-box {
	display:none;
}

/*= Washes
------------------ */
.wash-1 {
	background: url('images/header-wash.png') 0 100% repeat-x #fff; 
	background: -moz-linear-gradient(top,  #fff 0%, #E6E4E6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#E6E4E6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#E6E4E6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#E6E4E6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#E6E4E6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#E6E4E6 100%); /* W3C */
}

#main {
	background: url('images/main-wash.png') 0 0 repeat-x #fff; 
	background: -moz-linear-gradient(top,  #D0E9F4 0%, #fff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0E9F4), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D0E9F4 0%,#fff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D0E9F4 0%,#fff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D0E9F4 0%,#fff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #D0E9F4 0%,#fff 40%); /* W3C */
	min-height:500px;
	padding-top:2em;
}

.wash-2 {
	background:#DCDCDC;
	box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);
}

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

fieldset p {
	/*color:#62BFE5;*/
			color:#1D7BBA;	
	
}

.comments input[type='text'],
.comments textarea,
 fieldset textarea, 
 fieldset input[type='text'],
fieldset input[type='email']
 {
	margin:.45em 0;
	padding:1em;
	background:#eee;
	width:90%;
	color:#222!important;
	border:none;
}



.comments input[type='text'] {
	width:40%;
}

.button,
input.wpcf7-submit {
	background:#1D7BBA;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
 	line-height: 1.1;
	margin:0;
	padding: .5em;
	clear:both;
	border:none;
	cursor:pointer;
	text-decoration:none;
}

.button {
	clear:none;
	font-weight:bold;
}

/*= Navs
------------------ */
nav[role="navigation"] {
	background:#1D7BBA;
	padding:.3em 0;
	border-top:3px solid #62BFE5;
	box-shadow:1px 1px 5px #000;
	position:relative;
	z-index:100;
}

#footer-nav li,
nav[role="navigation"] li {
	float:left;
	margin-right:1em;
}

nav[role="navigation"] li {
	padding:.2em .5em;
	margin:0;
}
#footer-nav a,
nav[role="navigation"] li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

nav[role="navigation"] li a:hover {
	color:#61BFE5;
}


 

/*= Header
------------------ */

[role="banner"] {
	padding:2em 0 .5em 0;
	color:#7C7C7C;
}

[role="banner"] li {
	margin:0 .25em;
}

[role="banner"] .logo { 
	width:40%;
	float:left;
}

[role="banner"] aside {
	width:57%;
	float:right;
}

[role="banner"] section {
	max-width:372px;
	position:relative;
	width:100%;
	font-size:19px;
	font-size:1.9rem;
	margin-top:1em;
	padding-top:1em;
	text-align:right;
}

[role="banner"] section img {
	position:relative;
	z-index:1000;
}


/*= Images
------------------ */
.polaroid {
	background:#fff;
	padding:.75em;
	box-shadow:0px 1px 10px #999;
}

/*= Footer
------------------ */
footer {
	text-align:center;
	padding:1em 0;
	overflow:hidden;
}

.quote-box {
	color:#fff;
}

#footer-nav {
	box-shadow:0px -1px 5px rgba(0,0,0,.5);
	font-size:90%;
}

.quote-toggle a {
/*	box-shadow:inset 0 -2px 5px rgba(0,0,0,.5); */
	padding-bottom:.5em;
}


/* WPCF7 ----- */

.wpcf7-form div.wpcf7-response-output {
	clear:both;
	width:96%;
	border:none;
	padding:2%;
	background-color: #900;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	    font-size: 10.998px;
	    font-weight: bold;
	    line-height: 14px;
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform:uppercase;

}

.wpcf7-form span.wpcf7-not-valid-tip {
	width:96%;
	border:none;
	padding:2%;
	background-color: #c00;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	    font-size: 10.998px;
	    font-weight: bold;
	    line-height: 14px;
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform:uppercase;


}

.wpcf7-form div.wpcf7-response-output.wpcf7-mail-sent-ok {
	background-color:#84C691;
	color:#fff;
}

/*= Widgets
------------------ */
.widget {
	margin-bottom:2em;
}

.widget h2 {
	color:#3B393D;
	font-weight:bold;
}

.widget ul {
	padding:1em;
	background:#1D7BBA;
}

.widget ul li:not(:last-child) {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #fff;
}

.widget ul li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.widget ul li a:hover {
	text-decoration:underline;
}

.widget_recent_entries ul {
	background-color:#62BFE5;
}

.widget .current_page_item a {
	color:#61BFE5;
}

#menu-case-study-2 {
	background-color:#62BFE5;
}

#menu-case-study-2 .current_page_item a {
	color:#1D7BBA;
}

.widget.widget_cpt_widget ul {
	padding:0;
	background:none;
}

.widget.widget_cpt_widget  a:hover {
	text-decoration:none;
}

.page-id-41 .widget_recent_entries ul,
.page-id-93 .widget_recent_entries ul,
.blog .widget_recent_entries ul,
 .single-post .widget_recent_entries ul{
		background-color:#1D7BBA;
}


.widget_categories ul {
	background-color:#62BFE5;
}


/* Wordpress Content (CMS) ----- */

.wp-content h2, h3 {
	font-size:18px;
	font-size:1.8rem;
}

.wp-content h2 {
	font-weight:200;
}

.wp-content h3 {
	font-weight:bold;
	color:#1D7BB9;
	margin-bottom:.75em;
}

.map-caption {
	font-size:14px;
	font-size:1.4rem;
	font-weight:200;
	color:#ccc;
	float:right;
	margin-top:-1em;
	margin-bottom:2em;
	float:right;
}

.wp-content h3 {
	margin-top:2em;
}



.wp-content p {
	line-height:135%;
	letter-spacing:.05em;
	margin-bottom:1em;
}

.wp-content ul {
	margin:1em 0;
}

.wp-content ul > li {
	background:url('images/content-bullett.png') 0 .4em no-repeat;
	padding-left:.75em;
	margin-bottom:.5em;
}

.wp-content {
	
}

.wp-content  a {
	color:#1D7BB9;
}

/* Wordpress Projects - Headers Change (CMS) ----- */

.wp-content.project h2,
.wp-content.project h3  {
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
	padding:.25em .5em;
	font-weight:bold;
}
.wp-content.project h2 {
	background:#1D7BBA;
}

.wp-content.project h3  {
	background:#62BFE5;
}



/*= Blockquotes
------------------------ */
blockquote {
	background:#1D7BBA;
	position:relative;
	color:#fff;
	padding:1em 1em .25em 1em;
	margin-bottom:1em;
	font-weight:'light';
}

blockquote:after,
blockquote:before  {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
 
blockquote:after  {
    border-top-color: #1D7BBA;
    border-width: 30px;
	border-left:transparent;
    left: 85%;
    margin-left: -10px;
}

blockquote cite {
	font-weight:bold;
	font-style:italic;
}

/* = Post Lists
------------------- */
.post-list img {
	border:3px solid  #1D7BBA;
}

.post-list aside p {
	margin:.3em 0 .75em 0;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
}

.post-list aside p span {
	font-weight:bold;
}

.post-list {
	overflow:hidden;
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #1D7BBA;
}

.post-list a {
	color:#1D7BB9 !important;
}

.post-list h2 a {
	font-size:25px;
	font-size:2.5rem;
	color:#1D7BB9;
	text-decoration:none;
}

.entry-meta p {
	color:#000;
}

/* = Post Nav
------------------- */
#posts-nav {
	float:right;
}

#posts-nav li {
	float:left;
	padding:.25em .5em;
	margin:0 .5em;
}

#posts-nav a {
	color:#fff;
	text-decoration:none;
}

#posts-nav li:last-child {
	float:right;
}

#posts-nav li:nth-of-type(2) {
	text-align:center;
}

.page-navi {
	text-align:center;
}


.wp-pagenavi {
	clear:both;
	float:left;
	width:100%;
	margin-top:4em;
	text-align:center;
	display:block;
	margin:auto;
}

.wp-pagenavi span {
	border:none !important;
}



.wp-pagenavi a {
	color:#707070;
	border:none !important;
}

.wp-pagenavi .current {
		color:#1D7BBA;
}

/* = Comment Lists
-------------------------------- */
.comments {
	margin-top:2em;
	width:100%;
	float:left;
}

.comments .navigation {
	display:none;
}

.comments h3 {
	margin-bottom:0em;
}

.commentlist {
	margin-top:1em;
}

.commentlist li {
	padding:2% 0;
	border-top:1px solid #1D7BBA;
	margin-bottom:4%;
	clear:both;
	overflow:hidden;
	background:none;
}

.commentlist li.parent {
	margin-bottom:0;
	padding-bottom:0;
}

.commentlist li li {
	margin-bottom:0;
}

.commentlist li ul {
	clear:both;
	margin-top:2%;
}

.commentlist li ul li {
	background:#f6f6f6;
	padding:2%;
	margin-bottom:0;
}

.commentlist .vcard {
	float:left;
	width:50%;
	margin-bottom:1em;
}

.commentlist .vcard img {
	padding:1.5%;
	border:1px solid #eee;
	float:left; 
	margin-right:1em;
	background:#fff;
}

.commentlist .comment-meta {
	float:right;
	width:48%;
	font-size:80%;
	text-align:right;
	font-size:80%;
}

.commentlist .comment-body {
	overflow:hidden;
}

.commentlist .comment-body p {
	clear:both;
}

.commentlist .comment-reply-link {
	font-size:80%; 
	padding:.5% 1%;
	margin-top:0;
}

#respond {
	margin:2em 0;
}

#respond form {
	border-top:1px solid #1D7BBA;
	padding-top:2em;
}

#cancel-comment-reply,
#respond h3 {
	display:none;
}


/*= About Us
---------------- */
.about-grid a {
	text-decoration:none;
	color:#fff;
}

.about-grid li {
	width:48%;
	float:left;
	margin-bottom:2%;
	font-size:22px;
	font-size:2.2rem;
	font-weight:200;
	min-height:122px;
	line-height:1.3;
}

.about-grid li:nth-of-type(2n) {
	margin-left:2%;
}

.about-grid figure {
	position:relative;
	overflow:hidden;
}

.about-grid figcaption {
	left:0;
	position:absolute;
	top:100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
}

.about-grid a:hover figcaption {
	top:0;
	height:100%;
}

#new li {
	background:#eee;
}

#new li img {
	display:block;
	margin:auto;
}

#new li a {
	text-decoration:none;
}

/*=Flexi Slide Show
----------------------- */

.flexi-ss {
	overflow:hidden;
}

.flexi-ss ul li.slide div {
	height:375px;
}

.slide_wrap {
	position:relative;
}


.flex-direction-nav {
	position:relative;
	z-index:2000;
}

.custom-nav {
	width:32%;
	top:0;
	position:absolute;
	right:0;
	height:100%;
}

.custom-nav li {
	height:64px;
	padding:15px;
	line-height:1.1;
	text-shadow:1px 1px rgba(0,0,0,.5);
	text-align:center;
	position:relative;
	background:url('images/preamble-grad.png') 0 0 repeat-x #1D7BBA;
}



.custom-nav li a {
	color:#fff;
	font-family:'HelveticaNeue-Light','Helvetica','Arial';
	font-weight:200;
	text-decoration:none;
}

.indicator {
	width:34px;
	height:94px;
	background:url('images/indicator.png');
	position:absolute;
	left:-34px;
	top:0;
}


.page-id-93 .one_half strong {
	color:#62BFE5;	
}

.page-id-93 .one_half strong:nth-of-type(2n) {
		color:#1D7BBA;
}


.page-id-93 .one_half iframe {
	height:220px;
	margin-top:1em;
}

.page-id-93 .panel_in .one_half iframe {
	height:270px;
}

/*= Mobiles > 600px 
-------------------- */
@media screen and (max-width:600px) {
	


	[role="banner"] {
		position:relative;
		padding-top:.5em;
	}
	
	[role="banner"] .logo,
	[role="banner"] aside,
	[role="banner"] aside > * {
		width:100%;
		float:none;
		text-align:center;
	}
	
	[role="banner"] section,
	[role="banner"] li:nth-of-type(1) {
		display:none;
	}
	
	[role="banner"] li {
		position:absolute;
		top:1em;
	}
	
	[role="banner"] a.quote  {
		font-size:12px;
		font-size:1.2rem;
		padding:.2em .35em;
		left:0;
	}
	
	[role="banner"] li:nth-of-type(2) {
		top:1.25em;
		right:0;
	}
	
	
	[role="banner"] .logo img {
		max-height:50px;
		display:block;
		margin:auto;
	}
	
	footer img {
		display:none;
	}
	
	[class*="col-"] {
		float:none;
		width:100%;
	}
	
	nav[role="navigation"] li {
		font-size:85%;
		text-align:center;

	}
	
	#secondary {
		clear:both;
	}

	/* = Post Lists
	------------------- */
	
	.post-list img {
		display:none;
	}
	
	
	.slides {
		height:200px;
	}
	
	
	.custom-nav {
		position:static;
		width:100%;
	}

	.custom-nav li {
		height:auto;
		width:100%;
		font-size:14px;
		font-size:1.4rem;
	}
	
	li.flex-active {
		background:#333;
	}
	
	
	.flexi-ss ul li.slide div {
		position:static;
		height:200px;
		width:100%;
	}

	
	
}

/*= Mobiles > 800px 
-------------------- */
@media screen and (max-width:800px) {
	
	
	[role="banner"] section img {
		position:absolute;
		right:0;
	}
	
	/* = Grids
	-------------------------------------------------------------- */
	.grid-4 li,
	.grid-3 li {
		width:47%;
		float:left;
		margin-bottom:1em;
	}
	
	.grid-4 li:nth-of-type(2n),
	.grid-3 li:nth-of-type(2n) {
		float:right;
	}
	
	.grid-4 li:nth-of-type(2n+1),
	.grid-3 li:nth-of-type(2n+1) {
		clear:right;
	}
	
	/* = Grid
	--------------------- */
	.grid-5 li {
		float:left;
		width:30%;
		margin:0;
		margin-bottom:2em;
	}
	
	.grid-5 li:nth-of-type(3n-1) {
		margin:0 5%;
	}

	.grid-5 li:nth-of-type(3n+1) {
		clear:left;
	}
	
	#project-media aside {
		clear:both;
		margin-bottom:2em;
		width:100%;
		float:left;
	}
	
	#project-media aside img {
		display:block;
		margin:auto;
		float:none;
	}
	
	/* Widgets --- */
	.widget.widget_cpt_widget li {
		width:46%;
		float:left;
		margin-bottom:1em;
	}
	
	.widget.widget_cpt_widget li:nth-of-type(2n) {
		margin-left:8%;
	}
	
	.indicator {
		display:none;
	}
	
	
	
}

/*= 601 and up
-------------------- */
@media screen and (min-width:601px) {

	
	
	
	/*= Columns
	------------------ */
	
	.col-1 {
		width:22.91%;
	}
	
	.col-2 {
		width:71.91%;
	}
	
	.col-3 {
		width:30.30%;
	}
	
	.col-4 {
		width:66.37%;
	}
	
	.col-5 {
		width:62.3%;
	}
	
	.col-6 {
		width:32.3%;
	}
	
	/*= Header
	------------------ */
	[role="banner"] section p {
		margin-right:5.5em;
	}
	

	[role="banner"] ul {
		margin-top:-2.3em;
	}

	[role="banner"] li:not(:nth-of-type(3)) {
		padding-top:.5em;
	}
	
	
	/*= Footer
	------------------ */
	footer {
		text-align:left;
	}
	
	/* Footer
	----------------- */
	footer p {
		width:55%;
		margin-right:2%;
		float:left;
		line-height:140%;
	}
	
	footer ul {
		width:25%;
		margin-right:3%;
		float:left;
	}
	footer .loose li {
		padding:0;
		margin:0;
		width:47%;
		float:left;
	}
	
	footer .loose li:nth-of-type(2) {
		padding-top:1em;
	}

	footer a {
		width:15%;
		float:right;
	}
	
	/* = Forms
	--------------------------------------------------------------- */
	fieldset {
		width:48%;
		float:left;
	}
	
	fieldset:nth-of-type(2) {
		float:right;
	}
	
	.page textarea {
		height:170px;
	}
	
	/* --- [ Shortcode References ] */
	.one_half{ width:48%; }
	.one_third{ width:30.66%; }
	.two_third{ width:65.33%; }
	.one_fourth{ width:22%; }
	.three_fourth{ width:74%; }
	.one_fifth{ width:16.8%; }
	.two_fifth{ width:37.6%; }
	.three_fifth{ width:58.4%; }
	.four_fifth{ width:67.2%; }
	.one_sixth{ width:13.33%; }
	.five_sixth{ width:82.67%; }
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; margin-bottom:1em}
	.last{ margin-right:0 !important; clear:right; }
	
	.projects-grid {
		margin-bottom:1em;
		overflow:hidden;
	}
	
}

/*= 601 to 801
-------------------- */
@media screen and (min-width:601px) and (max-width:800px) {
	
	[role="banner"] section {
		margin-top:0;
	}
	
	nav[role="navigation"] li {
		width:33%;
		padding:0;
		margin:0;
		text-align:center;
	}
	



}


@media screen and (min-width:601px) and (max-width:959px) {
	.about-grid li  {
		width:93%;
		min-height:1px;
		margin-left:0 !important;
	}
	
	.custom-nav {
		width:45%;
		
	}
	
	.custom-nav li  {
		font-size:24px;
		font-size:2.4rem;
	}
}

/*= 801 up
-------------------- */
@media screen and (min-width:801px) {
	
	
	
	
	/*= Header
	------------------ */
	[role="banner"] section  {
		margin-top:.5em;
		padding-top:1.2em;
	}
	
	[role="banner"] section {
		font-weight:200;
		font-size:;
	}
	
	[role="banner"] section p {
		font-size:90%;
	}
	
	[role="banner"] section span {
		display:block;
		font-size:120%;
		margin-bottom:.3em;
	}
	
	[role="banner"] section img {
		position:absolute;
		top:0em;
		right:0;
	}
	
	/* = Nav
	------------------------------ */
	nav[role="navigation"] {
		margin-top:-0em;
	}
	
	nav[role="navigation"] li {
		border-right:1px solid #3F95CF;
		border-left:1px solid #0F67A2;
	}

	nav[role="navigation"] li:first-child {
		border-left:none;
	}

	nav[role="navigation"] li:last-child {
		padding-right:0;
		border-right:none;
	}
	
	/* = Grid
	--------------------- */
	.grid-3 li:nth-of-type(3n-1) {
		margin:0 5%;
	}

	.grid-3 li:nth-of-type(3n+1) {
		clear:left;
	}
	
	
	.grid-4 li:nth-of-type(4n) {
		margin-right:0;
	}

	.grid-4 li:nth-of-type(4n+1) {
		clear:left;
	}
	
	
	.grid-5 li:nth-of-type(5n) {
		margin-right:0;
	}
	
	
	/* = Single Project 
	--------------------- */
	#project-media aside:nth-of-type(1) {
		width:60.08%;
		float:left;
	}
	
	#project-media aside:nth-of-type(2) {
		width:36.5%;
		float:right;
	}
	
	
}


@media screen and (min-width:960px) {
	[role="banner"] section  {
		margin-right:-2em;
		max-width:600px;
	}
	
	.custom-nav li {
		font-size:26px;
		font-size:2.6rem;
	}
}