/*
Theme Name: Generation
Theme URI: http://generation.is
Author: Generation
Author URI: http://generation.is
Description: 
Version: 1
License: 
License URI: 
Tags: 
Text Domain: 

*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/* 
	
Generation orange	#FF583A


*/	

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;
}
/* HTML5 display-role reset for older browsers */
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;
}

a { 
	text-decoration: none;
	color: black;
	}
	
	.page-content a {
		color: white;
		text-decoration: underline;
		}

	.page-content a:hover {
		color: #939598;
		}
		
.animsition {
	position: static !important;
	}

html {
	height: 100%;
	}
	
body {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
	/* position: relative; */
	position: relative;
	min-height: 100%;
	}


body.home {
	background: #FF583A;
	}
	
	
body.page-id-10 {
	background: #1a1a1a;
	}
	
	body.page-id-10 .page-content p,  body.page-id-10 .page-content h3 { color: white;	width: auto; }
	
	body.page-id-10 .page-content p {
		font-size: 16pt;
	}
	
	@media (min-width : 1280px) { 	
		
		body.page-id-10 .page-content p {
		 	max-width: 80%;
		}
	}
	
	body.page-id-10 .page-content h3 { 
		color: #c8c8c8;
		border-top: 1px solid #555;
		margin-top: 18pt;
		}	
		
		body.page-id-10 .page-content ul h4 { color: #c8c8c8; }
		
		body.page-id-10 .page-content ul li { 
			color: white;
			}

/* header */


h1 a { 
	display: block;
	height: 37px;
	width: 46px;
	background: url('img/logo_orange.png') no-repeat 0 0;
	background-size: 46px 36px;
	text-indent: -9999px;
	position: fixed;
	top: 2.25vw;
	left: 2.25vw;
	}
	
	
body.home h1 a	{
	background: url('img/logo.png') no-repeat 0 0;
	background-size: 46px 36px;
	}


ul#navigation {
	position: absolute;
	top: 2.25vw;
	left: 14.375vw;
	font-family: Inconsolata;
	font-size: 10.5pt;
	width: 36.375vw;
	width: auto;
	background: none;
	letter-spacing: .5px;
	}
	
	ul#navigation li {
		width: 10.625vw;
		margin-right: 1.5vw;
		margin-bottom: 21pt;
		line-height: 1.1;
		float: left;
		}
		
		
			/*
		
		
			@media (max-width : 1920px) { 
					
					ul#navigation li {
						width: 14.6145625vw;
						margin-right: 1.5vw;
						margin-bottom: 21pt;
						line-height: 1.1;
						float: left;
						}
					
				}
				
			@media (max-width : 1366px) { 
					
					ul#navigation li {
						font-size: 9.5pt;
						width: 17.7395625vw;
						margin-right: 3vw;
						margin-bottom: 21pt;
						line-height: 1.1;
						float: left;
						}
					
				}
				
			@media (max-width : 800px) { 
					
					ul#navigation li {
						width: 22.75vw;
						margin-right: 1.5vw;
						margin-bottom: 21pt;
						line-height: 1.1;
						float: left;
						}
					
				}
				
			*/
		
		ul#navigation li:nth-child(4) {
			clear: left;
			}
		
		ul#navigation li a {
			color: white;
			}
			
			ul#navigation li h3 {
				font-weight: 700;
				}
			
		body ul#navigation a {
			color: #939598;
			-webkit-transition: color 0s;
			-webkit-transition-delay: 0s;
			}
	
		body ul#navigation li:hover a {
			color: #636466;
			}	
			
			
		body.home ul#navigation a {
			color: #fed5cf;
			}
			
		body.home ul#navigation a:hover {
			color: white;
			}
			
/* page headings */

h2.page-title { 
	width: 100%;
	border-top: 1px solid #FF583A;
	color: #FF583A;
	font-size: 60pt;
	font-family: "Chronicle Display A", "Chronicle Display B";
	font-weight: bold;
	padding-bottom: 40pt;
	}
	
	

/* content */

.content { 
	width: 83.375vw;
	margin-left: 14.375vw;
	margin-top: 0;
	padding-top: 15vw;
	/* position: relative; */
	}
	
		@media (max-width : 1920px) { 
			
				.content { 
					padding-top: 16.5vw;
					}
			
			
			}
			
		@media (max-width : 1366px) { 
			
				.content { 
					padding-top: 18.5vw;
					}
			
			
			}
			
			
		
	
	
body.home .content .cycle-slideshow {
	border-top: 1px solid white;
	}
	
body.home .content {
	border-top: none;
}
	
body .content {
	/*border-top: 1px solid #939598;*/
	border-top: none;
	}
	
.content .page-content h3 {
	font-size: 40pt;
	line-height: 1.1;
	padding-bottom: 20pt;
	font-family: "Chronicle Display A", "Chronicle Display B";
	color: #404040;
	}
	

		@media (max-width : 1366px) { 
			
				.content .page-content h3 {
					font-size: 28pt;
					width: 100%;
					}
			
			
			}


body.page-id-10 .content .page-content ul {
	width: 22.75vw;
	float: left;
	margin-right: 1.5vw;
	}
	
body.page-id-10 .content .page-content ul:last-of-type { margin-right: 0;}

body.page-id-10 .content .page-content ul:last-of-type:after { content: ''; display: block; clear: both; }
	
	body.page-id-10 .content .page-content ul h4 {
		font-family: Inconsolata;
		font-size: 10.5pt;
		padding-bottom: 16pt;
		padding-top: 2px;
		}
		
	body.page-id-10 .content .page-content > h4 {
		font-family: Inconsolata;
		font-size: 10.5pt;
		padding-bottom: 16pt;
		padding-top: 4px;
		border-top: 1px solid #555;
		color: #c8c8c8;
	}
	
body.page-id-10 .content .page-content ul li {
	font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
	line-height: 1.4;
	font-size: 16pt;
	}

	
/* home */

h2#scramble-container, .cycle-slideshow h2 {
	font-size: 92pt;
	font-family: "Chronicle Display A", "Chronicle Display B";
	font-weight: bold;
	color: white;
	padding-top: 18pt;
	}
	
#branding {
	font-size: 92pt;
	font-family: "Chronicle Display A", "Chronicle Display B";
	font-weight: bold;
	color: white;
	padding-top: 18pt;
	}		
	
/* blog */


div.post-meta {
	width: 10.625vw;
	display: block;
	float: left;
	border-top: 1px solid #ccc;
	padding-top: 5.25pt;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	color: #808080;
	}
	

div.post-header {
	width: 59.125vw;
	margin-left: 12.125vw;
	}
	
	
	h2.entry-title {
		font-size: 40pt;
		font-family: "Chronicle Display A", "Chronicle Display B";
		font-weight: normal;
		padding-bottom: 20pt;
		color: #404040;
		}
		
			h2.entry-title a {
				color: #404040;
				}	
				
			h2.entry-title a:hover {
				color: #808080;
				}
	
div.post-content {
	width: 59.125vw;
	display: block;
	font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
	float: left;
	margin-left: 1.5vw;
	padding-bottom: 40pt;
	border-top: 1px solid #ccc;
	padding-top: 5.25pt;
	}
			
	div.post-content p {
		line-height: 1.4;
		font-size: 14pt;
		color: #808080;
		width: 85%;
		margin-bottom: 14pt;
		}	
		
		div.post-content p em {
			font-style: italic;
		}
		
	div.post-content p a {
		color: #808080;
		text-decoration: underline;
		}	
		
		div.post-content p a:hover {
			color: #636466;
		}	
		
		div.post-content .arve-wrapper {
			margin-bottom: 20pt !important;
			width: 100% !important;
			}
			
		/* image sizes */
		
		
		div.post-content img.size-large, div.post-content img.size-full {
			width: 100%; 
			height: auto;
			padding: 14pt 0;
			}
			
		div.post-content img.size-medium {
			width: 50%; 
			height: auto;
			padding: 14pt 0;
			}
			
		div.post-content img.size-thumbnail {
			padding: 7pt 14pt;

			}
			
		div.post-content img.alignleft {
			float: left;
			padding: 7pt 14pt 7pt 0pt;
			}
			
		div.post-content img.alignright {
			float: left;
			padding: 7pt 14pt 0 14pt;
			}
		
div.page-content {
	width: 71.25vw;
	padding-bottom: 2vw;
	}
	
	div.page-content p {
		line-height: 1.4;
		font-size: 14pt;
		color: #808080;
		width: 85%;
		margin-bottom: 14pt;
		font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
		}	
		
aside#sidebar {
	width: 10.625vw;
	display: block;
	float: left;
	border-top: 1px solid #ccc;
	padding-top: 5.25pt;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	margin-left: 1.5vw;
	color: #808080;
	}
	
	h3.widget-title	{
		font-weight: bold;
		}
	
	li#categories-2 {
		padding-top: 10.5pt;
		}
	
article.post {
	clear: left;
	}
	
.entry-footer { 
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	padding-top: 10.5pt;
	}
	
div.blog {
	width: 71.25vw;
	float: left;
	}
	
	.post-meta a, #sidebar a, .entry-footer a {
		color: #808080;
		}
	
		.post-meta a:hover, #sidebar a:hover, .entry-footer a:hover {
			color: #555;
			}
		
h2.page-title a { color: #FF583A; }		 

h2.page-title a:hover { opacity: .8; }
		
h2.page-title a.post-permalink { font-weight: normal; color: #FF583A; }

h2.page-title span.page-title-meta { font-weight: normal; }


#nav-below {
	float: left;
	clear: both;
	width: 71.25vw;
	font-family: Inconsolata;
	font-size: 10.5pt;
	color: #808080;
	width: 59.125vw;
	left: 12.125vw;
	position: relative;
	border-top: 1px solid #ccc;
	padding-top: 5.25pt;
	margin-bottom: 40pt;
	}
	
	#nav-below a { color: #808080; }
	
	#nav-below a:hover { color: #555; }
	
	.nav-previous, .nav-next { float: left; }


/* admin */

a.post-edit-link {
	display: block;
	width: 90px;
	padding: 8px;
	text-align: center;
	background: rgba(127,127,127,.5);
	color: white;
	clear: both;
	font-family: Inconsolata;
	font-size: 10.5pt;
	margin: 8px 0;
	}
	
	a:hover.post-edit-link {
		background: rgba(127,127,127,0.7);
		}
	

/* projects page */

body.page-id-4 {
	position: absolute ;
	top: 0;
	/*-webkit-transform:translate3d(0,0,0);*/
	height: 100%;
	width: 100%;
	}

ul#project-list {
	border: none;
	float: left;
	width: 71.25vw;
	height: auto;
	column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-o-column-count: 3;
	column-gap: 1.5vw;
		-webkit-column-gap: 1.5vw;
		-moz-column-gap: 1.5vw;
		-o-column-gap: 1.5vw;
	column-width: 22.75vw;
		-webkit-column-width: 22.75vw;
		-moz-column-width: 22.75vw;
		-o-column-width: 22.75vw;
		-moz-column-fill: balance !important;
	-webkit-column-fill: auto;
	
	margin-top: 36px;
	/*overflow: visible;*/
	margin-left: -12px;
	margin-bottom: 48px;
	}
	
	
	ul#project-list li {
		display:inline-block;
		float: left;
		clear: both;
		} 
		
		@-moz-document url-prefix() {
			
				ul#project-list {
					margin-left: 0px;
				}
				
				ul#project-list li {
					display: table;
					width: auto;
					float: none;
					clear: none;
					}
					
				ul#project-list li:after {
					}
			
			}
		
	
	ul#project-list li a {
		padding: 12px;
		margin: 0 0 12px 0px;
		display: inline-block;
		clear: both;
		font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
		line-height: 1.4;
		font-size: 20pt;
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
		display:table;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
		
		ul#project-list li a {
			color: #939598;
			}
		
	ul#project-list li a:hover {
		background: #FF583A;
		}
		
	ul#project-list li:hover a {
		color: white;

		}





#project-bg-image {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;
	z-index: -2;
	opacity: 0;
	background-size: cover !important;
	background-repeat: none !important;
	
	-webkit-transition: opacity 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.6s ease-in-out;
	transition-delay: .3s;
	background-blend-mode: multiply;
	-webkit-backface-visibility: hidden;
	
	/*transition: ;*/
    
    
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
	}
	
#project-bg-image {
	-webkit-transition: opacity 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.6s ease-in-out;
    transition-delay: .3s;
    -webkit-backface-visibility: hidden;
	}
	
#project-bg-image.inactive {
	transition-delay: .3s;
	}

.project-bg-active {
	opacity: .5 !important;
	}

.active {
	background-color: rgb(127,127,127);
	opacity: 1 !important;
	-webkit-transition: opacity 0.6s ease-in-out, background-color 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out, background-color 0.6s ease-in-out;
	transition-delay: .3s;
	}

	
ul#navigation.active li a {
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
	transition-delay: .3s;
	}
	

	

	
	

body.active ul#navigation li a {
	color: white;
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
	transition-delay: .3s;
	}
	
body.page-id-4 ul#navigation li a {
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
	transition-delay: .3s;
	}
	
ul#navigation li a:hover {
	-webkit-transition: color 0;
	transition-delay: 0s;
	}
	

	
ul#navigation.on li a {
	-webkit-transition: color 0.2s !important;
	transition-delay: 0s !important;
	}
	
ul#navigation.on li a:hover {
	-webkit-transition: color 0.2s !important;
	transition-delay: 0s !important;
}
	

	
body.active ul#project-list li a {
	color: white;
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
	transition-delay: .3s;

	}


ul#project-list li a {
	transition-delay: .3s;
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
    text-decoration: none;
}

body.active ul#project-list:hover li a { 
	color: white; 
	-webkit-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
	transition-delay: color .3s;
	}
	
ul#project-list li a:hover {
	transition-delay: 0s !important;
	-webkit-transition: color 0s ease-in-out !important;
    -moz-transition: color 0s ease-in-out !important;
	}
	

/* project gallery */

.page-child .page-content {
	width: 83.34375vw;
	padding-bottom: 40pt;
	}
	
	.page-child .page-content {
		
		font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
		line-height: 1.4;
		font-size: 14pt;
		}
		
		.page-child .page-content p {
			width: 100%;
			}
		
		.page-child .page-content div.two-col {
			width: 47vw;
			column-count: 2;
			column-gap: 1.5vw;
			column-width: 22.75vw;
			}

		.page-child .page-content div.three-col { 
			width: 71.25vw;
			column-count: 3;
			column-gap: 1.5vw;
			column-width: 22.75vw;
			}

.gallery-container {
	width: 83.34375vw;
	background:lightyellow;
	}
	
	.gallery-caption {
		width: 22.75vw;
		background: red;
		float: right;
	}
	
	
		
	.gallery img {
		width: 100%;
		height: auto;
		}
		
		
.jsj-gallery-slideshow-gallery-container.jsj-gallery-slideshow-classic-caption .jsj-gs-gallery { margin: 0 !important; }

body.page-child .content .page-content ul {
	margin: 0;
	padding: 0;
	border: none;
	}

.gallery-to-slideshow { }


div.gallery-to-slideshow-wrapper {
	margin: 0 0 20pt 0 !important;
	}

.content .page-content .gallery-to-slideshow  ul.slides {
	width: 59.09375vw;
	margin:0;
	}
	

.arve-wrapper {
	float: left;
	width: 59.09375vw !important;	
	margin-bottom: 2vw !important;
	}	
	

/* reel */	
	
	
#reel { display: none; }	

.featherlight .featherlight-inner { display: block !important; }

body.page-id-10 .arve-wrapper { margin: 0 !important; }
	
	
/* slideshow */

.gallery {
	width: 59.09375vw;
	float: left;
	}

.gallery-item {
	margin: 0 !important;
	
	}

.gallery {
	position: relative;
	margin-bottom: 2vw !important;
	}

.gallery img {
	border: none !important;
	}
	

.gallery br {
	display: none;
	}		
	
.next-img, .prev-img {
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9999;
	opacity: .3;
	cursor: pointer;
	}
	
	
.prev-img {
	background: url('img/arrow_left.png') no-repeat 5% center;
	background-size: 28px 48px;
	}

.next-img { 
	left: 50%;
	background: url('img/arrow.png') no-repeat 95% center;
	background-size: 28px 48px;
	}
	
	
.next-img:hover, .prev-img:hover {
	opacity: 1;
	}
	
div.page-content p.caption {
	float: right;
	padding: 0 0;
	width: 22.75vw;
	border-top: 1px solid #ccc;
	padding-top: 5.25pt;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	color: #808080;
	}
	
	
body.page-child h5 {
	font-size: 26pt;
	width: 67vw;
	line-height: 1.2;
	padding-bottom: 30pt;
	font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
	color: #404040;
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
	-o-column-span: all;
    column-span: all;
    float: left;
	}
	
	
	body.page-child h5 em {
		font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
		font-style: italic;
		}
	
	
	body.page-child blockquote h5 {
		text-indent: -10pt;	
		}
		
body.page-child .content .page-content  ul {
	width: 10.625vw;
	padding: 0;
	margin-left: 1.5vw;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	color: #808080;
	float: right; 
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	}
	
			
body.page-child .content .page-content  ul li {}
	
	body.page-child .content .page-content  ul li:before {
		content: '· ';

		}

	
	
/*	Inline text navigation

ul.flex-direction-nav li {
	display: block;
	font-family: Inconsolata;
	font-size: 10.5pt;
	color: #808080;
	margin: 12px 16px 0 0;
	float: left;
	}
	
	
	
	ul.flex-direction-nav li a {
		color: #808080;
		cursor: pointer;	
		display: block;
		
		}
		
		
		ul.flex-direction-nav li a.next {
			margin-left: 5px;
			}
			
			
*/			

			
/* Arrow navigation	*/	


	
ul.flex-direction-nav {
	width: 59.09375vw;
	background:lightyellow;
	float: none !important;
	text-indent: 0 !important;
	padding-left: 0 !important;
	}
	
	
ul.slides {
	float: none !important;
	text-indent: 0 !important;
	padding-left: 0 !important;
	}
	
	ul.slides li:before, ul.flex-direction-nav li:before {
		content: none !important;
		}
	
	ul.flex-direction-nav:before, ul.slides:before {
		content: none !important;
		}
	
	ul.flex-direction-nav li a.flex-prev, ul.flex-direction-nav li a.flex-next {
		display: block;
		width: 29.546875vw;
		background: red;
		position: absolute;
		top: 0;
		height: 100%;
		opacity: .5;
		text-indent: -9999px;
		}
		
		ul.flex-direction-nav li:hover a {
			opacity: 1;
			}
			
		ul.flex-direction-nav li a.flex-prev {
			background: url('img/arrow_left.png') no-repeat 5% center;
			background-size: 28px 48px;
			left: 0;
			top: 0;
			}

		ul.flex-direction-nav li a.flex-next {
			left: 29.546875vw;
			background: url('img/arrow.png') no-repeat 95% center;
			background-size: 28px 48px;
			}	
			
			
p.flex-caption {
	margin-bottom: 0 !important;
}			
	
	
/* child page navigation */

.child-nav {
	width: 100%;
	float: left;
	padding-bottom: 2.25vw;
	}

.child-nav .back-to-all {
	width: 34.875vw;
	float: left;
	border-top: 1px solid #CCC;
	margin-right: 1.5vw;
	}
	
	.child-nav .back-to-all.large {
		width: 59.125vw;
		}
	
	.child-nav .back-to-all a {
		padding-top: 5.25pt;
		font-family: Inconsolata;
		font-size: 10.5pt;
		line-height: 1.5;
		color: #808080;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		}
		
		.child-nav .back-to-all a:hover {
			color: #ccc;
			}	

.child-nav .previous, .child-nav .next {
	width: 22.75vw;
	float: left;
	border-top: 1px solid #CCC;
	}
	
	.child-nav .previous {
		margin-right: 1.5vw;
		}
		
	.child-nav .previous.no-margin {
		margin-right: 0;
		}

	.child-nav .previous a, .child-nav .previous span, .child-nav .next a, .child-nav .next span {
		padding-top: 5.25pt;
		font-family: Inconsolata;
		font-size: 10.5pt;
		line-height: 1.5;
		color: #808080;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		}
		

		
		.child-nav .previous a:hover, .child-nav .next a:hover {
			color: #ccc;
			}
			
			.child-nav .previous a:hover span, .child-nav .next a:hover span {
				color: #ccc;
				}
			
			.child-nav .previous a img, .child-nav .next a img {
				opacity: 1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				}
			
			.child-nav .previous a:hover img, .child-nav .next a:hover img {
				opacity: .5;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				}
				
		.child-nav .next span:before {
			content: '→ ';
			}
			
		.child-nav .previous span:before {
			content: '← ';
			}


	.child-nav .previous img, .child-nav .next img {
		width: 100%;
		height: auto;
		margin-top: 32px;
		}
			
			
/* profile page */


body.page-id-12 .page-content {
	width: 71.25vw;
	}
	
	body.page-id-12 .page-content p {
		font-size: 16pt;
		color: #404040;
		}	
	
	body.page-id-12 .page-content h3 {
		padding-bottom: 20pt;
		max-width: 1500px;
		}
		
			body.page-id-12 .page-content p, body.page-id-12 .page-content h3 {
				/*width: 75%;*/
				}
				
			@media (max-width : 1366px) { 
			
				body.page-id-12 .page-content p, body.page-id-12 .page-content h3 {
									width: 100%;
					}
			
			
			}
				
	body.page-id-12 .page-content div#portraits {
		margin-top: 64px;
		}
	
	body.page-id-12 .page-content div#portraits div {
		width: 22.456140351%;
		margin: 0 3.3918421053% 64px 0;
		float: left;
		}
		
		body.page-id-12 .page-content div#portraits div:nth-child(4n) {
			margin-right: 0;
			}
		
		body.page-id-12 .page-content div h3, body.page-id-12 .page-content div h4 {
			margin: 0;
			padding: 0;
			font-family: Inconsolata;
			font-size: 10.5pt;
			line-height: 1.5;
			color: #808080;
			width: 100%;
			}
			
		body.page-id-12 .page-content div h3 {
			border-top: 1px solid #ccc;
			padding-top: 5.25pt;
			font-weight: 700;
			}
		
		body.page-id-12 .page-content div img, body.page-id-12 .page-content div p {
			width: 100%;
			height: auto;
			}
			
			
/* contact */

body.page-id-15 #project-bg-image {
	background-color: rgb(100,100,100);
	opacity: 1;
	}
	
	body.page-id-15 .page-content h3, body.page-id-15 .page-content p {
		color: white;
		}



body.page-id-15 .page-content p {
	width: 43.03125vw;
	float: left;
	}

body.page-id-15 .page-content ul {
	width: 16.6875vw;
	float: right;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	color: white;
	}
	
	body.page-id-15 .page-content ul li {
		border-top: 1px solid #808080;
		padding-bottom: 10.5pt;
		}
		
		body.page-id-15 .page-content ul li a {
			color: white;
			}
			
		body.page-id-15 .page-content ul li a:hover {
			color: #ccc;
			}
			
			
/* clients */


body.page-id-143 .page-content {
	width: 71.25vw;
	column-count: 4;
		-webkit-column-count: 4;
		-moz-column-count: 4;
		-o-column-count: 4;
	column-gap: 1.5vw;
		-webkit-column-gap: 1.5vw;
		-moz-column-gap: 1.5vw;
		-o-column-gap: 1.5vw;
	column-width: 16.6875vw;
		-webkit-width: 16.6875vw;
		-moz-width: 16.6875vw;
		-o-width: 16.6875vw;
	}

body.page-id-143 .page-content p {
	font-family: Inconsolata;
	font-size: 10.5pt;	
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid;           /* Theoretically FF 20+ */
	break-inside: avoid-column;         /* IE 11 */
	display: inline-block;
	}
	
	
/* footer */

#container {
	padding-bottom: 2.25vw;
	}	

footer {
	width: auto;
	margin-left: 14.375vw;
	position: absolute;
	bottom: 0;
	font-family: Inconsolata;
	font-size: 10.5pt;
	line-height: 1.5;
	padding: 2.25vw 0;
	color: #808080;
	}
	
body.home footer {
	color: #fed5cf;
	}
	
	footer span {
		display: inline-block;
		width: 11.28125vw;
		margin: 0 0.765625vw 0 0;
		}
		
	footer span:nth-child(2) {
		width: 23.296875vw;
		}

body.page-id-4 #container {
	padding-bottom: 0;
}

body.page-id-4 footer {
	position: relative;
	margin-top: -2.25vw;
	}

			

/* responsive */

		@media (max-width : 1920px) { 
			
			ul#project-list {
				margin-top: 0;
				}
			
					ul#project-list li a {
						font-size: 18pt;
						margin-bottom: 5px;
						}
				
				
				}

		@media (max-width : 1680px) { 
			
				
					
				
				/* large orange headings */
					
					
				h2.page-title {
					font-size: 50pt;
					padding-bottom: 25pt;
					}
					
				/* home branding */
				
				#branding, .cycle-slideshow h2 {
					font-size: 76pt;
					padding-top: 12pt;
					}
					
					.typed-cursor { font-size: 76pt; padding-top: 12pt; }
					
				/* subheadings */	
					
				.content .page-content h3 {
					font-size: 30pt;
					}
					
				/* portfolio headings */
					
				body.page-child h5 {
					font-size: 22pt;
					}
					
					body.page-child blockquote h5 {
						text-indent: -8pt;	
						}
					
				/* body text */
				
				div.page-content p, div.post-content p {
					font-size: 12pt;
					}
					
				/* meta */
				
				.gallery-to-slideshow p.flex-caption {
					font-size: 9.5pt !important;
					}
					
				.child-nav .back-to-all a, .child-nav .previous a, .child-nav .previous span, .child-nav .next a, .child-nav .next span, body.page-id-15 .page-content ul li, div.post-meta, aside#sidebar, .entry-footer, body.page-id-12 .page-content div h3, 				body.page-id-12 .page-content div h4, body.page-id-10 .content .page-content ul h4, body.page-id-143 .page-content p, body.page-child .content .page-content  ul, div.page-content p.caption, #nav-below, footer,  body.page-id-10 .content .page-content > h4  {
					font-size: 9.5pt;
					}
					
				/* navigation */
				
				ul#navigation {
					left: 16.619083333vw;	 
					}
				
				ul#navigation li {
					width: 12.28575vw;
					margin-right: 1vw;
					margin-bottom: 21pt;
					line-height: 1.1;
					float: left;
					font-size: 9.5pt;
					}
					
				/* blog */
				
				div.blog {
					width: 66.761916667vw;
					}
 				
				.content {
					width: 80.380916667vw;
					margin-left: 16.619083333vw;
					}
						
				
				div.post-meta {
					width: 12.28575vw;
					}
					
				div.post-content {
					width: 53.142833333vw;
					margin-left: 1vw;
					}
					
				aside#sidebar {
					width: 12.28575vw;
					margin-left: 1vw;
					}
					
				h2.entry-title {
					font-size: 30pt;
					}
					
				/* projects */
					
				ul#project-list {
					border: none;
					float: left;
					width: 80.380916667vw;
					column-count: 3;
						-webkit-column-count: 3;
						-moz-column-count: 3;
						-o-column-count: 3;
					column-gap: 1vw;
						-webkit-column-gap: 1vw;
						-moz-column-gap: 1vw;
						-o-column-gap: 1vw;
					column-width: 25.90475vw;
						-webkit-column-width: 25.90475vw;
						-moz-column-width: 25.90475vw;
						-o-column-width: 25.90475vw;
					margin-top: 0px;
					overflow: visible;
					margin-left: -12px;
					margin-bottom: 48px;
					}
					
					ul#project-list li a {
						margin: 0 0 9px 0px;
						font-size: 16pt;
						}
						
				
				/* project page */
				
				body.page-child .content .page-content  ul { 
					width: 12.28575vw;
					}
					
				body.page-child h5 {
					width: 62vw;
					}
						
						
				.page-child .page-content div.two-col {
					width: 53.142833333vw;
					column-count: 2;
						-webkit-column-count: 2;
						-moz-olumn-count: 2;
						-o-column-count: 2;
					column-gap: 1vw;
						-webkit-column-gap: 1vw;
						-moz-column-gap: 1vw;
						-o-column-gap: 1vw;
					column-width: 25.90475vw;
						-webkit-column-width: 25.90475vw;
						-moz-column-width: 25.90475vw;
						-o-column-width: 25.90475vw;
					}
		
				.page-child .page-content div.three-col { 
					width: 80.380916667vw;
					column-count: 3;
					column-gap: 1vw;
					column-width: 25.90475vw;
					}
					
				.gallery {
					width: 59.952416667vw;
					}
				
				.arve-wrapper {
					width: 59.952416667vw !important;
					}
											
				div.page-content p.caption {
					width: 19.09525vw;
					padding-top: 1.5pt;
					}
					
					
				/* child nav */
				
				.child-nav .back-to-all {
					width: 39.523833333vw;
					margin-right: 1.3333333333vw;
					}
				
				.child-nav .back-to-all.large {
					width: 59.952416667vw;
					margin-right: 1.3333333333vw;
					}
					
				.child-nav .previous {
					margin-right: 1.3333333333vw;
				}
				
				.child-nav .previous, .child-nav .next {
					width: 19.09525vw;
					}
					
					
				/* capabilities */
				
				div.page-content, .page-child .page-content {
					width: 80.380916667vw;
					}
					
				.content .page-content h3 {
					width: 73.571416667vw;
					}
					
				body.page-id-10 .content .page-content ul {
					width: 25.90475vw;
					margin-right: 1vw;
					}
					
				body.page-id-10 .content .page-content ul li {
					font-size: 12pt;
					}
					
				/* people */
				
				body.page-id-12 .page-content p, body.page-id-12 .page-content h3, #portraits {
					width: 73.571416667vw;
					}
					
				/* footer */
				
				footer {
					margin-left: 16.619083333vw;
					}
				
				footer span {
					width: 12.28575vw;
					margin: 0 1vw 0 0;
					}
					
					footer span:nth-child(2) {
						width: 25.5715vw;
						}
					
				
			
			}
			
		
			
		
		@media (max-width : 1366px) { 
			
			h2.page-title {
				padding-bottom: 20pt;
				}
			
				ul#project-list { 
					margin-top: 0;
					}
					
					ul#project-list li a {
						padding: 10px;
						font-size: 14pt;
						margin: 0 0 0px 0;
						}
			
			}
			
		@media (max-width : 1280px) { 
			
			
			/* large orange headings */
					
					
			h2.page-title {
				font-size: 40pt;
				padding-bottom: 30pt;
				}
				
			/* subheadings */	
				
			.content .page-content h3 {
				font-size: 20pt;
				}
				
			/* branding */
			
			#branding, .cycle-slideshow h2 {
				font-size: 60pt;
				padding-top: 8pt;
				}
				
				.typed-cursor { font-size: 60pt; padding-top: 8pt; }
				
			/* portfolio headings */
				
			body.page-child h5 {
				font-size: 18pt;
				}
				
			/* body text */
			
			div.page-content p, div.post-content p {
				font-size: 11pt;
				}
				
			body.page-id-12 .page-content p {
				font-size: 11pt;
				}
					
			body.page-id-10 .content .page-content ul li {
				font-size: 11pt;
				}
				
			/* meta */
			
		
			
			div.post-meta, aside#sidebar, body.page-id-12 .page-content div h3 {
				padding-top: 3pt;
				}
				
			.gallery-to-slideshow p.flex-caption {
				font-size: 9pt !important;
				padding-top: 0pt !important;
				}
				
			.child-nav .back-to-all a, .child-nav .previous a, .child-nav .previous span, .child-nav .next a, .child-nav .next span, body.page-id-15 .page-content ul li, div.post-meta, aside#sidebar, .entry-footer, ul#navigation li, ul#navigation li h3, ul#navigation li span, body.page-id-12 .page-content div h3, body.page-id-12 .page-content div h4, body.page-id-10 .content .page-content ul h4, div.page-content p.caption, #nav-below, footer, body.page-id-10 .content .page-content > h4  {
				font-size: 9pt;
				}
			
			
			.page-content div h3, body.page-id-12 .page-content div h4  {
				line-height: 1.3;
				}
				

			
		}
		
		
		@media (max-width : 1024px) { 
			
			
			
			
			
			/* navigation */
			
			ul#navigation {
				left: 19.270800781vw;	 
				}
			
			ul#navigation li {
				width: 14.192675781vw;
				margin-right: 1.5625vw;
				margin-bottom: 21pt;
				line-height: 1.1;
				float: left;
				font-size: 9.5pt;
				}
				
			/* structure */
			
			.content {
				width: 77.213574219vw;
				margin-left: 19.270800781vw;
				margin-top: 0;
				padding-top: 20vw;
				}
				
			div.blog {
				width: 77.213574219vw;
				}
 				
		
			div.post-meta {
				width: 14.192675781vw;
				}
				
			div.post-content {
				width: 61.458300781vw;
				margin-left: 1.5625vw;
				}
				
			aside#sidebar {
				width: 61.458300781vw;
				float: right;
				border-top: none;
				margin-bottom: 4.5vw;
				}
				
				#sidebar #annual_archive_widget-2, #sidebar #categories-2 {
					width: 29.947949219vw;
					float: left;
					border-top: 1px solid #ccc;
					}
					
				#sidebar #categories-2 {
					margin-left: 1.5625vw;
					padding-top: 0;
					}
					
			body.single-post aside#sidebar, body.author aside#sidebar, body.archive aside#sidebar {
				float: left;
				margin-left: 15.755175781vw;
				margin-bottom: 32px;
				}
				
			#nav-below {
				width: 61.458300781vw;
				left: 15.755175781vw;
				}
						
				
			h2.entry-title {
				font-size: 25pt;
				}
			
			
			/* projects */
			
			ul#project-list {
				width: 69.3359375vw;
				column-count: 3;
					-webkit-column-count: 3;
					-moz-column-count: 3;
					-o-column-count: 3;
				column-gap: 1.5625vw;
					-webkit-column-gap: 1.5625vw;
					-moz-column-gap: 1.5625vw;
					-o-column-gap: 1.5625vw;
				column-width: 22.0703125vw;
					-webkit-column-width: 22.0703125vw;
					-moz-column-width: 22.0703125vw;
					-o-column-width: 22.0703125vw;
				}
				
				ul#project-list li a {
					padding: 10px;
					font-size: 12pt;
					}
					
			body.page-child h5 {
				width: 58.30078125vw;
				}
				
			body.page-child .content .page-content  ul {
				width: 14.192675781vw;
				}
				
			.page-child .page-content {
				width: 77.213574219vw;
				}
				
			.page-child .page-content div.two-col {
				width:  69.3359375vw;
				column-count: 2;
				column-gap: 1.5625vw;
				column-width: 22.0703125vw;
				}
	
			.page-child .page-content div.three-col { 
				width:  69.3359375vw;
				column-count: 3;
				column-gap: 1.5625vw;
				column-width: 22.0703125vw;
				}
				
			div.page-content p.caption {
				position: static !important;
				border-top: none !important;
				padding-top: 3pt !important;
				line-height: 18pt;
				width: 100%;
				float: left;
				padding-bottom: 1vw;
				}
				
				
			.gallery, .arve-wrapper {
				width: 77.213574219vw !important;
				margin-bottom: 0 !important;
				}
				

				
			.child-nav {
				padding-bottom: 4.5vw;
				}
				
			.child-nav .previous, .child-nav .next {
				width: 22.0703125vw;
				}
				
			.child-nav .previous {
				margin-right: 1.5625vw;
				}
				
			.child-nav .back-to-all {
				width: 29.947949219vw;
				margin-right: 1.5625vw;
				}
				
			.child-nav .back-to-all.large { 
				width: 53.580761719vw;
				}
				
			
		
			
				
			/* clients */
			
			body.page-id-143 .page-content {
				width: 77.213574219vw;
				column-count: 2;
				column-gap: 1.5625vw;
				column-width: 37.825488281vw;	
				}
				
			
			/* footer */
				
			footer {
				margin-left: 19.270800781vw;
				}
			
			footer span {
				width: 14.192675781vw;
				margin: 0 1.5625vw 0 0;
				}
				
				footer span:nth-child(2) {
					width: 28.385351562vw;
					}
			
		
		}
		
		@media (max-width : 800px) { 
			
			h1 a {
				top: 4.5vw;
				left: 4.5vw;
				}
				
			/* branding */
			
			#branding, .cycle-slideshow h2 {
				font-size: 42pt;
				padding-top: 6pt;
				}
				
				.typed-cursor { font-size: 42pt; padding-top: 6pt; }
			
			ul#navigation { 				
				width: 50vw;
				left: 20vw;	
				top: 4.5vw;
				}
				
				ul#navigation li {
					width: 13.5vw;
					margin-right: 2vw;
					}
					
					ul#navigation li a h3 {
						font-weight: normal;
						}
					
					ul#navigation li a span {
						display: none;
						}
						
			h2.page-title {
				padding-top: 2pt;
				font-size: 26pt;
				}
				
				
			.content {
				width: 75.5vw;
				margin-left: 20vw;
				}
				
			div.page-content {
				width: 100%;
				}
				
			.content .page-content h3 {
				font-size: 18pt;
				}
				
				
			/* projects */
			
				
			ul#project-list {
				width: 60vw;
				column-count: 2;
					-webkit-column-count: 2;
					-moz-column-count: 2;
					-o-column-count: 2;
				column-gap: 2vw;
					-webkit-column-gap: 2vw;
					-moz-column-gap: 2vw;
					-o-column-gap: 2vw;
				column-width: 29vw;
					-webkit-column-width: 29vw;
					-moz-column-width: 29vw;
					-o-column-width: 29vw;
				margin-left: 0vw;
				}

				
				ul#project-list li a {
					font-size: 13pt;
					padding: 0;
					margin: 0 0 14px 0;
					white-space: normal;
					}
					
					ul#project-list li a:hover { background: none; }
				
			body.page-id-4 {
			
				}
				
			.child-nav .back-to-all {
				width: 23.833375vw;
				}
				
				.child-nav .back-to-all.large {
					width: 49.66625vw;
					}
				
			.child-nav .previous, .child-nav .next { 
				width: 23.833375vw;
				}
				
				
			body.page-child h5 {
				width: 70vw;
				padding-bottom: 12pt;
				}
				
			body.page-child .content .page-content  ul {
				float: left;
				clear: both;
				width: 50vw;
				margin: 0 0 24pt 0;
				}
				
			/* blog */
			
			div.post-meta {
				width: 13.5vw;
				}
		
			
			div.post-content {
				width: 60vw;
				margin-left: 2vw;
				}		
				
			h2.entry-title {
				font-size: 18pt;
				}		
				
			aside#sidebar {
				width: 60vw;
				left: 0vw;
				}		
				
				#sidebar #annual_archive_widget-2, #sidebar #categories-2 {
					width: 29vw;
					}	
					
				#sidebar #categories-2 {
					margin-left: 2vw;
					}
					
				body.single-post aside#sidebar, body.author aside#sidebar, body.archive aside#sidebar {
					margin-left: 15.5vw;
					}
					
			#nav-below {
				width: 60vw;
				}
		
					
			/* contact */
			
			body.page-id-15 .page-content p {
				width: 60vw;
				}
				
			body.page-id-15 .page-content ul {
				width: 29vw;
				margin-top:8pt;
				float: left;
				}
				
			/* capabilities */
			
			body.page-id-10 .content .page-content ul {
				width: 100%;
				margin-right: 0;
				margin-bottom: 24px;
				}
			
			body.page-id-10 .content .page-content ul h4 {
				padding-bottom: 8pt;
				}	
				
		
			}
		
		
		@media (max-width : 414px) { 
			
			/* navigation */
			
			/* branding */
			
			#branding, .cycle-slideshow h2 {
				font-size: 32pt;
				padding-top: 8pt;
				}
				
				.typed-cursor { font-size: 32pt; padding-top: 8pt; }
				
			h1 a {
				top: 7.5vw;
				left: 7.5vw;
				position: relative;
				
				margin-top: 3px;
				}
				
				
			ul#navigation {
				width: 55.478125vw;
				left: 37.0834375vw;
				top: 7.5vw;
				column-count: 2;
				-webkit-column-count: 2;
				-moz-column-count: 2;
				-o-column-count: 2;
				column-width: 25.8334375vw;
				-webkit-column-width: 25.8334375vw;
				-moz-column-width: 25.8334375vw;
				-o-column-width: 25.8334375vw;
				}
				
				ul#navigation li {
					
					float: left;
					width: 25.8334375vw;
					margin-right: 3.75vw;
					
					}
					
				
				
			ul#navigation li:nth-child(4) {
				clear: none;
				}
				
			ul#navigation li:nth-child(2n) { 
				margin-right:0;
				}
				
				ul#navigation li h3 {
					font-weight: normal;
					}
				
				ul#navigation li {
					margin-bottom: 2px;
					}
				
				ul#navigation li a span {
					display: none;
					}
					
			/* structure */
					
			.content {
				width: 85vw;
				margin-left:  7.5vw;
				margin-top: 32vw;
				}
				
				.page-child .page-content, body.page-id-12 .page-content, body.page-id-143 .page-content {
					width: 100%;
					padding-bottom: 0;
					}
				
			/* projects */
			
			h2.page-title {
				font-size: 24pt;
				}
				
			ul#project-list {
				width: 85vw;
				column-count: 1;
				column-gap: 1.5625vw;
				column-width: 22.0703125vw;
				margin-left: 0vw;
				}

				
				ul#project-list li a {
					font-size: 14pt;
					padding: 0;
					margin: 0 0 8px 0;
					white-space: normal;
					}
					
					ul#project-list li a:hover { background: none; }
				
			body.page-id-4 {
				position: static;
				}
				
				
			/* project page */
			
			body.page-child h5 {
				width: 100%;
				font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
				font-size: 16pt;
				}
				
				body.page-child blockquote h5 {
						text-indent: -6pt;	
						}
					
				
			div.gallery-to-slideshow-wrapper {
				margin: 0pt !important;
				}
					
			.gallery {
				width: 100% !important;
				}
				
			.arve-wrapper {
				width: 100% !important;
				}
				

				
			.prev-img {
				background: url('img/arrow_left.png') no-repeat 10% center;
				background-size: 14px 24px;
				}

			.next-img {
				background: url('img/arrow.png') no-repeat 90% center;
				background-size: 14px 24px;
				}	
				
			/* project page navigation */
			
			.child-nav .back-to-all, .child-nav .back-to-all.large {
				width: 100%;
				}
				
				.child-nav .back-to-all {
					margin-bottom: 3.5pt;
					padding-top: 6pt;
					}
				
			.child-nav .next, .child-nav .previous {
				float: right;	
				width: 100%;
				border-top: none;
				margin: 0;
				}
				
				.child-nav .next h6, .child-nav .previous h6 {
					display: none;
					}
						
				.child-nav .next span, .child-nav .previous span {
					padding-top: 0;
					}
					
				.child-nav .next span:before {
					content: '→ ';
					}
				
				.child-nav .previous span:before {
					content: '← ';
					}
				
			.child-nav .previous img, .child-nav .next img {
				display: none;
				margin-top: 12pt;
				}
				
			/* people */
			
			.content .page-content h3 {
				font-size: 16pt;
				width: 100%;
				}
				
			
				
			body.page-id-12 .page-content p, body.page-id-12 .page-content h3, #portraits {
				width: 100%;
				}
				
				
			body.page-id-12 .page-content div#portraits div {
				width: 40.625vw;
				margin: 0 3.75vw 24px 0;
				}
				
			body.page-id-12 .page-content div#portraits div:nth-child(4n) {
				margin-right: 3.75vw;
				}
				
			body.page-id-12 .page-content div#portraits div:nth-child(2n) { 
				margin-right: 0;
				}
				
			/* capabilities */
			
			body.page-id-10 .page-content p {
				font-size: 11pt;
			}
			
			body.page-id-10 .content .page-content ul {
				width: 100%;
				margin-right: 0;
				margin-bottom: 24px;
				}
			
			body.page-id-10 .content .page-content ul h4 {
				padding-bottom: 8pt;
				}
				
			/* clients */
			
			body.page-id-143 .page-content {
				column-count: 1;
				
				}
				
			body.page-id-143 .page-content p {
				font-size: 9.5pt;
				margin-bottom: 5pt;
				width: 100%;
				
				}
				
			/* contact */
			
			body.page-id-15 .page-content p {
				width: 100%;
				float: none;
				}
				
			body.page-id-15 .page-content ul {
				float: none;
				width: 100%;
				margin-top: 24pt;
				}
			
			
			/* blog */
			
			div.blog {
				width: 85vw;
				}
				
			div.post-meta {
				width: 100%;
				}
				
				div.post-meta br {
					display: none;
					}
					
				div.post-meta section.entry-meta {
					display: inline;
					}
				
				span.author:before, span.cat-links:before {
					content: ' · ';
					}
			
			div.post-content {
				width: 100%;
				margin: 0;
				border-top: none;
				}
				
				div.post-content p {
					width: 100%;
					}
			
			h2.entry-title {
				font-size: 16pt;
				}
				
			aside#sidebar {
				width: 85vw;
				float: left;
				margin-left: 0;
				}		
			
				
			#sidebar #annual_archive_widget-2, #sidebar #categories-2 {
				width: 100%;
				padding-bottom: 16pt;
				margin-left: 0;
				}
				
			#nav-below {
				width: 100%;
				margin-bottom: 0;
				padding-bottom: 32pt;
				margin-left: 0;
				left: 0;
			}
				
			.entry-footer {
				padding: none;
				}
		
			
			body.single-post aside#sidebar, body.author aside#sidebar, body.archive aside#sidebar {
				margin-left: 0;
				}		
				
			/* footer */
				
			footer {
				margin-left: 7.5vw;
				padding: 0;
				padding-bottom: 7.5vw;
				}
			
			footer span {
				width: 100%;
				display: block;
				margin: 0 0 0 0;
				
				}
				
				footer span:nth-child(2) {
					width: 100%;
					}

			
			}
			
			
			@media (max-device : 667px) and (orientation : landscape) { 
					#branding, .cycle-slideshow h2 {
					font-size: 22pt !important;
					padding-top: 8pt;
					}
					
					.typed-cursor { font-size: 22pt !important; padding-top: 8pt; }
				
				}
				
			
			@media (max-device : 667px) and (orientation : landscape) {
					
					body {
						background: red;
					}
			
					footer span:nth-child(2) {
							width: 48.385351562vw !important;
						}
				
				}
			
			
			@media (max-width : 320px) {
				
				/* branding */
			
			#branding, .cycle-slideshow h2 {
				font-size: 26pt;
				padding-top: 8pt;
				} 
				
				.typed-cursor { font-size: 26pt; padding-top: 8pt; }
				
				
				}
				
				
			@media (min-width : 2500px) {
				
						ul#project-list li a {
							font-size: 32px;
							margin-bottom: 12px;
							
						}
				
				}