#contact-header{
	background-color: #ffffff;
	color: #444444;
}

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

.navbar{
	background-color: #0c097e;
}

.navbar-brand{
	color: #040303;
	font-weight: 700;
	font-size: 1.4rem;
}

.nav-link{
	color: #ffffff;
}

#home{
	color: #fff;
}

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

#home p{
	font-weight: 500;
}

#home a{
	color: #fff;
	background: linear-gradient(45deg, #060606 60%, #1D1B50);
	font-size: 1.3rem;
	letter-spacing: 1.5px;
}

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

#about{
	background: linear-gradient(#ffffffcc, #ffffffdc), url('../assets/3439405_61802.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: #ffffff;
	color: #333333;
	font-size: 1.8rem;
	font-weight: 700;
}


#services{
	background-color: #1D1B50;
}
#services .section-header{
	color: #fff;
}

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

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

#contact{
	background-color: #ffffff;
	color: #666666;
}

#contact a{
	color: #666666;
}

@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{
		font-size: 1.3rem;
		transition: all .2s ease-in-out;
		border-bottom: 2px solid #04030300;
		color: #ffffff;
	}

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

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

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

@media (min-width: 1200px){
	#home h1{
		font-size: 3rem;
	}

	#home p{
		font-size: 1.5rem;
	}

	.information-excerpt{
		width: auto;
	}

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

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