h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
#dw-body {
  font-family: 'Libre Franklin', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}



#nav-wrapper {
	background: #F3F3F3;
}

#nav-container {
}

#content-wrapper {
}

#content-container {

}

#nav-container {
	position: relative;
	height: 6em;
}

#dw-footer div.footer {
	position: relative;
	height: 6em;
}

.dw-menu {
	position: absolute;
	margin: 0;
	padding: 0;
}	

/*.dw-menu {
	right: 1em;
	top: 0;	
	height: 6em;
	line-height: 6em;
}*/

#dw-footer .dw-menu {
	right: 0em;
}

.dw-menu li {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	display: block;
	height: 1em;
	list-style: none;
	font-weight: bold;
	
}



@media print, screen and (min-width: 20em){
	
	
	#nav-container .dw-title {
		height: 2em;
		padding-top: 1.25em;
	}
	
	
	#nav-container .dw-title h4 {
		display: none;
	}
	
	#nav-container .dw-menu {
		position: relative;
		line-height: 2em;
		height: 2em;
		clear: both;
		padding: 1em 0;
	}
	
	#nav-container .dw-menu li {
		margin: 0 1.25em 0 0;
		font-weight: normal;

	}
	
	
	
	.hero {
		margin-top: .5em;
	}
	


	#dw-footer {
		height: 12em;
	}
	
	#dw-footer .dw-menu {
		position: absolute;
		left: 0;
		top: 0;
		right: auto;
		margin: 0;
		height: 4em;
		line-height: 4em;
	}
	
	#dw-footer .dw-menu li {
		margin-right: 1em;
		margin-left: 0;
	}
	
	#dw-footer p.footer {
		position: absolute;
		left: 0;
		top: 4em;
		right: auto;
		height: 4em;
		line-height: 4em;
	}
	
	
	#dw-content p.abt {
		margin: 1em 1em 2em 1em;
	}
	
	#dw-content ul.index {
		margin: 2em 1em 1em 1em;
		
	}
	
	} /* @media 20 */


@media print, screen and (min-width: 40em) {
	
	
	#nav-container .dw-title {
		height: 6em;
		padding-top: 1.25em;
	}
	
	
	#nav-container .dw-title h4 {
		display: block;
	}
	
	#nav-container .dw-menu {
		position: absolute;
		right: 0;
		top: 0;
		line-height: 6em;
		height: 6em;
		margin: 0 1em 0 0;
		padding: 0;
		
	}
	
	#nav-container .dw-menu li {
		line-height: 6em;
		height: 6em;
		margin: 0 0 0 1em;
		font-weight: bold;
	}
	
	
	
	
	.hero {
		margin-top: 1em;
	}
	
	
	#dw-footer .dw-menu {
		right: 0;
		left: auto;
	}
	
	#dw-footer p.footer {
		top: 0em;
		right: auto;
	}
	
	#dw-content p.abt {
		margin: 5em 1em;
	}
	
	#dw-content ul.index {
		margin-top: 5em;
		
	}
	
	
	}/* @media 40 */

@media print, screen and (min-width: 64em) {

	#content-container, #nav-container, #dw-footer {
		max-width: 60em;
	}
	
	#content-container p {
		width: 80%;
	}
	
	#dw-footer div.footer {
		margin: 0;
	}

	.hero {
		margin-top: 2em;
	}


	#dw-footer .dw-menu li {
		margin-left: 1em;
		margin-right: 0;
	}
	

	} /* @media 64 */
	
	
	
	/* Header and footer */
	
	.dw-title {
		
		padding-top: 1.5em;
	}
	
	.dw-title h3, .dw-title h4 {
		font-size: 1em;
		margin: 0;
		padding: .25em 0;
		line-height: 1em;
	}
	
	
	.dw-title h4 {
		color: #9B9FA6;
		font-weight: normal;
	}
	
	.dw-title h3 a {
		color: #383F4D;
		font-weight: bold;
	
	}
	
	#dw-footer div.footer {
		border-top: 1px solid #cdcfd2;
		margin-top: 1em;
		
	}
	
	#dw-footer p.footer {
		color: #9B9FA6;
	}
	
	.index #dw-footer div.footer {
		border-top: none;
		margin-top: 0;
		
	}
	

	

	
	/* content */
	
	#dw-content h1 {
		
		font-size: 1em;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	
	#dw-content p {
		margin-bottom: 2em;
	}
	
	
	.about #dw-content h3 {
		margin: 0 0 .5em 0;
	}
	
	#dw-content h3 {
		font-size: 1em;
		margin: 3em 0 2em 0;
		padding: 0;
		font-weight: bold;
		color: #9B9FA6;
	}
	
	#dw-content h5 {
		font-size: 1em;
		margin: 2em 0 0 0;
		padding: 0;
		font-weight: bold;
		color: #9B9FA6;
	}
	
	#dw-content h6 {
		color: #9B9FA6;
	}
	
	
	#dw-content h2 {
		font-size: 2em;
		font-weight: bold;
		padding: 0 0 1em 0;
		margin: .5em 0 1em 0;
		border-bottom: 1px solid #CDCFD2;
		width: 100%;
	}
	
	
	.about #dw-content h2,
	.contact #dw-content h2,
	.projects #dw-content h2 {
		margin-top: 1.5em;
	}
	
	
	.about #dw-content .talks p {
	}
	
	.about #dw-content .talks p strong {
		display: block;
		color: black;
	}
	
	.about #dw-content .talks p strong a {
		color: black;
		border-bottom: 1px dotted #ccc;
	}
	
	#dw-content ul, #dw-content ol {
		margin-bottom: 2em;
	} 
	
	ul.project-info {
		list-style-type: none;
		margin: 0 0 3em 0;
		padding: 0;
	}
	
	ul.project-info li {
		margin: 0;
		padding: 0;
		color: #9B9FA6;
	}
	
	p.caption {
		margin: .33em 0 0 0;
		padding: 0;
		font-size: .85em;
		font-weight: bold;
		color: #9B9FA6;
	}
	
	.img-wrap {
		margin-bottom: 2em;
	}
	
	li span.source {
		color: #9B9FA6;
	}
	
	

	
	
/* PROJECT INDEX */
	
	.project-thumb {
		position: relative;
		padding: .05em;
		
	}	
	
	#dw-content .project-thumb h3 {
		position: absolute;
		top: 1em;
		left: 1em;
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		color: #fff;
	}	
	
	
	ul.project-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 70%;
	}
	
	ul.project-list li {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	ul.project-list li a {
		display: block;
		font-weight: bold;
	}
	
	
	
	/* INDEX */
	
	.large-4 a img , .large-8 a img {
		width: 100%;
		height: 100%;
		padding: .1em;
	}
	
	nav, #dw-content {
	    padding-top: .1em;
	}


	
	#dw-content ul.index li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 1.3rem;
		font-weight: bold;
		
	}