/* =================== Overall Structural Response */

html {
	font-size: 62.5%;
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
}

body {
	margin:0;
	padding:0;
}

#nav {
	position:fixed;
	top:0;
	z-index:50;
}	
	.links {
		padding:2px;
		min-height:20vh;
		margin:0 auto;
	}


/* =================== Home Page */

	.home {
		margin:0;
		padding:0;
	}
	
	.logo {
		padding-top:40vh;
		margin:0 auto;
		max-width:50%;
		width:250px;
	}
	
/* =================== Gallery Page */


.caption {
	border-bottom:1px solid #efefef;
	margin-bottom:20px;
	padding:10px 0;
	text-align:right;
}

.page-break {
	margin:20px 0 80px 0;
}

.project-intro {
	margin-top:100px;
}

.project-break {
	border-bottom:1px solid #242424;
	padding-bottom:50px;
	margin-bottom:50px;
}

.top {
	margin-top:50px;
}

/* =================== List Structure */

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
	
/* =================== Typography */

.links li {
	color:#fff0f8;
	display:inline-block;
	font-family:span, serif;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.9rem;
	letter-spacing:.1rem;
	margin:2px;
	padding:2px;
}

.caption p {
	color:#bbbbbb;
	font-family:courier-prime, monospace;
	font-size:1rem;
	letter-spacing:.1rem;
	line-height:1.2rem;
	text-align:right;
}

.info h2 {
	border-bottom:5px solid #fff9c7;
	color:#242424;
	display:inline-block;
	font-family:span, serif;
	font-size:2.4rem;
	font-weight:400;
	line-height:2.6rem;
	margin:0;
	padding-bottom:5px;
}

.info h3 {
	color:#484848;
	font-family:span, serif;
	font-size:1.7rem;
	font-weight:400;
	line-height:2rem;
}

.info p {
	color:#9b9b9b;
	font-family:usual, sans-serif;
	font-size:1.2rem;
	font-weight:300;
	letter-spacing:.1rem;
	line-height:2.1rem;
}

/* =================== Images */

.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.u-pull-right {
	float:right;
}

.bleed {
	border:1px solid #efefef;
}


/* =================== Links */

.links a {
	background-color:#fff;
	border-bottom:1px solid #e4f7f9;
	color:#1b5988;
	padding:1px 3px;
	text-decoration:none;
}

.links a:hover {
	background-color:#cdeced;
	border-bottom:1px solid #1d72bc;
	color:#fff;
}

.container p a {
	border-bottom:1px solid #efefef;
	color:#1b5988;
	background-color:#cdeced;
	text-decoration:none;
}

.container p a:hover {
	background-color:#fff;
	text-decoration:none;
}

.page-break h4 a {
	background-color:#fff;
	border:3px solid #e4f7f9;
	color:#e4f7f9;
	display:inline-block;
	font-family:usual;
	font-size:1.1rem;
	letter-spacing:.2rem;
	padding:8px;
	text-decoration:none;
}
.page-break h4 a:hover {
	color:#1b5988;
}
  
/* =================== Clearing */

.row:after {
  content: "";
  display: table;
  clear: both;
}