#contact-header{
	background-color: #0077b6;
	color: #ffffff;
	font-size: .8rem;
}

#contact-header a{
	color: #ffffff;
}

.navbar{
	background-color: #ffffff;
}

.navbar-brand img{
	width: 160px;
	box-shadow: ;
}

#home{
	color: #fff;
}

#home h1{
	font-size: 2rem;
}

#home p{
	font-weight: 500;
}

#home a{
	color: #fff;
	background-color: #90e0ef;
	font-size: 1.3rem;
	letter-spacing: 1.5px;
}

.section-header{
	font-size: 1.8rem;
	font-weight: 800;
}

#about{
	background: linear-gradient(#fffff2, #ffffffdc), url('../assets/16352150_v870-tang-35.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
}

#about img.bio{
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.21);
}

#about .text-box img{
	width: 90px;
	margin-right: 20px;
}

.information-excerpt{
	width: 300px;
	height: 250px;
}

.information-excerpt img{
	width: 70px;
}

.aside{
	background-color: #2a428d;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
}

#services{
	background: linear-gradient(90deg, #eeeeeeaa 75%, #ffffffcc), url('../assets/services.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#services .section-header{
}

#services .card{
	border: 0;
	transition: all .2s ease-in-out;
}

#services .card:hover{
	transform: scale(1.03);
}

#contact{
	background-color: #072f5f;
	color: #aaaaaa;
}

#contact a{
	color: #aaaaaa;
}

@media (min-width: 576px){
	#home p{
		line-height: 180%;
		font-size: 1rem;
		padding-top: 20px;
	}

	#about {
		font-size: 1.2rem;
		line-height:  180%;
	}

	#about .text-box img{
		width: 100px;
	}

	.bio{
		width: 400px;
	}

	#about .information-excerpt h4{
		font-size: 1.6rem;
	}

	.section-header{
		font-size: 2.4rem;
	}
}

@media (min-width: 768px){
	#home .text-container{
		width: 500px;
	}

	#services h5{
		font-size: 1.1rem;
	}
}

@media (min-width: 992px){
	#contact-header ul{
		float: right !important;
	}

	#home h1{
		font-size: 2.1rem;
	}

	#home p{
		font-size: 1.1rem;
		font-weight: 400;
	}

	.nav-link{
		transition: all .2s ease-in-out;
		border-bottom: 2px solid #ffffff00;
	}

	.nav-link:hover{
		border-bottom: 2px solid #ffffffff;
	}

	#services h5{
		font-size: 1.2rem;
	}

	#contact li{
		padding-bottom: 1rem;
	}
}

@media (min-width: 1200px){
	#home .text-container{
		width: auto;
	}

	.information-excerpt{
		width: auto;
	}

	#about .information-excerpt h4{
		font-size: 1.2rem;
	}

	#services .card h5{
		font-size: 1.15rem;
	}
}