/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.header, .meta, .projetcs {
	margin-bottom: 4em;
}

.header {
	width: 100%;
	position: fixed;
	background-color: white;
	margin: 0 auto 0 67px;
	z-index: 999;
}

	.header h2 {
		font-weight: normal;
		font-style: normal;
	}

.meta {
	padding-bottom: 0.5em;
}

.content {
	
}

	.content .navigation {
	}
	
.description {
	width: 22.05%;
	max-width: 255px;
}

.project {
	margin-bottom: 6em;
}

	.project img {
		width: 62%;
		display: block;
	}
	
.image {
	margin-bottom: 6em;
}

	.image img {
		width: 62%;
		display: block;
	}

.navigation {
	font-weight: normal !important;
	font-style: normal !important;
}

	.navigation ul {
		list-style:  none;
	}
	
	.navigation h2 { 
		font-weight: normal;
		font-style: normal;
	}
	
h4 {
	margin-bottom: 1em;
	margin-top: 1em;
}
	
a:link {
	text-decoration: none;
}


a:hover {
	color: white !important;
	background-color: black;
}

a:visited{
	text-decoration:none;
}


.active:link,
.active:hover,
.active:visited
{
	color: #fff;
	display: inline !important;
	background: black;
	z-index: 0 !important:
}
*{
	font-family: sans-serif;
	color: #666;
}

.fixed {
	position: fixed;
}

a.fancybox-nav:hover {
	color: black;
	background-color: rgba(255, 255, 255, 0) !important;
}

.red {
	color: red;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	.fixed {
		position: relative;
		display: block;
	}
	
	.hidden {
		display: none;
	}
	
	.header {
		max-width: 1140px;
		min-width: 755px;
		position: fixed;
		background-color: white;
		margin: 0 auto 0 0px;
		z-index: 999;
	}
	
	.header h1 {
		text-align: left;
		font-size: 1.5em;
		padding-left: 20px;
	}
	
	.description {
		width: 100%;
		max-width: none;
	}
	
	.project {
		margin-bottom: 3em;
	}
	
		.project img {
			width: 100%;
		}
		
	.image {
		margin-bottom: 3em;
	}
	
		.image img {
			width: 100%;
		}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}