body {
	font-family: lato;
	height: 100vh;
}

nav {
	background-color: #636363 !important;
}

a.header-link {
	color: #FFFFFF !important;
	font-size: 5rem !important;
}

a.contact-link {
	color: #FFFFFF !important;
}

a.contact-link:hover {
	text-decoration: none;
}

a.contact-link:focus {
	outline: none;
	color: #FFFFFF;
	text-decoration: none;
}

.author {
	margin: 1% 0 0 2%;
	display: block;
	color: #FFFFFF;
}

.spacer {
	color: #00FF00;
}

.title-letter {
	color: #00FF00;
}

.process {
	margin-top: 7%;
	margin-bottom: 1%;
	background-color: #0073CF;
	color: #FFFFFF;
}

.techniques {
	background-color: #00FF00;
}

.techniques p {
	font-weight: normal !important;
}

.path {
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #0073CF;
	color: #FFFFFF;
}

.path > .path-buttons {
	background-color: #0073CF;
}

.path .row > button {
	color: #000000;
	margin-top: 4%;
	background-color: #0073CF;
}

.path .row > button:focus {
	border: none;
	outline: none;
}

.path-title {
	font-size: 2rem;
}
.glyphicon-menu-down {
	margin-left: 8px;
    font-size: 11px;
}

.techniques > h1 {
	color: #FFFFFF;
}

#birth-elementary {
	max-width: 85%;
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 16px;
}

#birth-elementary > a {
	display: block;
}

#birth-elementary > a:focus, #middleschool > a:focus, #highschool > a:focus {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

#birth-elementary > a:hover, #middleschool > a:hover, #highschool > a:hover {
	font-size: 2rem;
	color: #FFFFFF;
	text-decoration: none
}

#middleschool {
	max-width: 85%;
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 16px;
}

#middleschool > a {
	display: block;
}

#highschool {
	max-width: 85%;
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 16px;
}

#highschool > a {
	display: block;
}

.path-link {
	color: #FFFFFF;
	margin-top: 8px;
}

.list-group-item.highschool {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

@media screen and (max-width: 500px) {
	
	a.header-link {
		color: #FFFFFF !important;
		font-size: 2rem !important;
	}

	a.contact-link {
		color: #FFFFFF !important;
		font-size: 1rem;
	}

	.author {
		color: #FFFFFF;
		margin: 0 0 0 4%;
	}

	.title-letter {
		color: #00FF00;
	}

	h1 {
		font-size: 1.5rem;
	}

	.process {
		margin-top: 25%;
		background-color: #0073CF;
		color: #FFFFFF;
		font-size: 1.5rem;
	}
}