body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
	color: #2c3e50;
}

h1, h2 {
	font-weight: bold;
}

.container-fluid {
	max-width: 850px;
}

header {
	padding-bottom: 20px;
	background-color: #ecf0f1;
}

header h1 a {
	color: #2c3e50;
}

header h1 a:hover, header h1 a:focus {
	text-decoration: none;
	color: #34495e;
}

footer {
	margin-top: 20px;
	padding: 20px 0 10px;
	background-color: #ecf0f1;
}

.social {
	font-size: 35px;
	line-height: 35px;
}

.social a {
	display: inline-block;
	vertical-align: middle;
	color: #2c3e50;
	text-shadow: 1px 1px 2px white;
	transition: color 0.2s;
}

.social a:hover {
	color: #7f8c8d;
}

.social a i {
	transition: transform 0.2s;
}

.social a:hover:nth-of-type(odd) i {
	transform: rotate(-10deg);
}

.social a:hover:nth-of-type(even) i {
	transform: rotate(10deg);
}

.social .tooltip {
	letter-spacing: 1px;
}

@media (max-width: 420px) {
	header h1 {
		font-size: 35px !important;
	}
}

@media (max-width: 370px) {
	header h1 {
		font-size: 30px !important;
	}
}

@media (max-width: 600px) {
	header {
		text-align: center;
	}
}

@media (max-width: 500px) {
	.main-projects .pull-right {
		float: none !important;
		display: block;
	}
	.other-projects td:first-child {
		display: none;
	}
}

@media (min-width: 501px) {
	.other-projects td:nth-child(2) a:first-of-type, .other-projects td:nth-child(2) br:first-of-type {
		display: none;
	}
}

.main-projects h3 a {
	color: #d35400;
}

.main-projects h3 a:hover {
	color: #e67e22;
}

.main-projects h3 .label {
	font-size: 55%;
	padding: .1em .4em
}

.other-projects {
	width: 100%;
	margin-bottom: 10px;
}

.other-projects td:nth-child(-n+2) a {
	color: #d35400;
}

.other-projects td:nth-child(-n+2) a:hover {
	color: #e67e22;
}

.other-projects td {
	padding: 5px;
	border-top: 1px solid #eee;
}

.other-projects td:last-child {
	font-size: 85%;
	text-align: center;
}

.other-projects tr:first-child td {
	border-top: none;
}