.navbar-brand img{
	width: 130px;
}

.navbar{
	border-bottom: 4px solid ;
}

#home{
	color: #fff;
}

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

#home a{
	background-color: #f6be0a;
	color: #000000;
	border-left: 6px solid #ffffff00;
	transition: all .2s ease-in-out;
	font-size: 1.3rem;
}

#home a:hover{
	border-left-color: #ffffffff;
}

.section-header{
	font-size: 1.8rem;
	font-weight: 800;
	border-bottom: 2px solid #000000;
}

#about p{
	font-size: 1.1rem;
	line-height: 160%;
}

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

#services{
	background-color: #f6be0a;
}

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

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

#contact{
	background-color: rgb(50, 50, 50);
	color: rgb(200, 200, 200);
}

#contact a{
	color: rgb(200, 200, 200);
}

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

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

	.nav-link{
		font-size: 1.3rem;
		border-bottom: 4px solid #f6be0a00;
	}

	.nav-link:hover{
		border-bottom: 4px solid #f6be0aff;
	}
}

@media (min-width: 1200px){
	.navbar, .collapse ul{
		flex-direction: column !important;
		border-bottom-width: 0;
	}

	.navbar .container-fluid{
		flex-direction: column;
	}

	.navbar-brand img{
		width: 200px;
	}

	.nav-link{
		font-size: 1.3rem;
	}
}