body { padding-top: 80px; }

section { margin-bottom: 25px;}
.page-top { margin-bottom: 60px; }
.page-top p {
	font-weight: 300;
	font-size: 16px;
}

section > h1 { 
	font-size: 18px;
	color: #d3ad26;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc; 
}

img { border: 2px solid #fafafa; }

section > h1 span { color: #333; font-weight: 300; }

h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 8px;
}

h3 span { font-weight: 300; }

h4 {
	font-weight: 500;
	font-size: 14px;
}

h4 span { font-weight: 300; }

/* examples section */
.example h3 { margin: 10px 0; font-weight: bold; }
.example a { color: #333; }
.example p { line-height: 1.3em; }
.example p:last-child strong, .refer { color: #52738c; }
.example a + p { margin-top: 10px; }
.example img:hover { border: 2px solid #333; }

#web-design .example:last-child { margin-bottom: 0; }
#web-design p { max-width: 260px; margin: 10px auto 0; }

#data-viz h1, #web-design h1 { margin-bottom: 25px; }
#data-viz .example { margin-bottom: 20px; }
#data-viz p { max-width: 200px; margin: 10px auto 0; height: 40px; }
#data-viz > h1 + div { margin-bottom:  15px; }

#data-reporting .example { margin-bottom: 20px; }

/* resume section styles */
#resume {
	max-width: 680px;
	margin: 0 auto;
}

.resume-section h3 + h4, .resume-section h4 + h4 {
	margin-top: 10px;
}

.resume-section h4 {
	margin-top: 20px;
}
.resume-section { margin-bottom: 30px; }
.resume-section:last-child { margin-bottom: 0; }
.resume-section .resume-section-inner { margin-bottom: 25px; }
.resume-section h2 + p { margin-top: 20px; }

.resume-section p { 
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	line-height: 1.1em;
	font-size: 13px;
}

.resume-section h2 + p { margin-bottom: 5px;}

@media (min-width: 992px) and (max-width: 1200px){
	.page-top h1 { margin-top: 0;}
	section { margin-bottom: 40px; }
}

@media (max-width: 992px) {
	#web-design .example { margin-bottom: 25px; }
	#web-design .example h3 { font-size: 25px; 
		.resume-section > h2 + .resume-section-inner > h4 { margin-top: 20px; }}

	#data-viz .example { margin-bottom: 30px; }
}

@media (max-width: 768px) {
	.page-top { margin-bottom: 40px; }
}