h1, h2, h3 {
	color: #343a40;
}

.dark {
	background-color: #44494E;
}

a.nav-link {
  color: #CECECE !important;
}

nav a:hover {
  color: white !important;
}

.navbar-brand {
  color: white;
}

.btn-info {
	background-color: #118293 !important;
	border-color: #118293 !important;
	&:hover {
		background-color: #0D7180 !important;
		border-color: #0D7180 !important;
	}
	&:focus {
		background-color: #0D7180 !important;
		border-color: #0D7180 !important;
	}
}

.collapse {
  justify-content: flex-end;
}

.nav-item {
	margin: 0 1rem;
}

.container {
	text-align: center;
}

.jumbotron {
	background-color: #E6E7E7;
}

/*.jumbotron h1 {*/
/*	color: #011126;*/
/*}*/

.row h3 {
	padding: 20px;
}

.skills-img {
	width: 40px;
	height: auto;
	margin: 20px;
}

#story {
	padding-top: 20px;
}

.title {
	margin-top: 3rem;
}

.col-sm-4 p {
	line-height: 1.2rem;
}

.row h4 {
	padding: 1rem;
}

.project {
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	transition: box-shadow .25s ease-in;
	text-align: left;
	height: 100%;
}

.project:hover {
	box-shadow: 0 8px 12px 0 rgba(0,0,0, .3);
}

.project .image-container {
	height: 13rem;
	overflow: hidden;
}

.image-container img {
	width: 100%;
	height: auto;
}

.project h4,
.project p {
	padding: 1rem;
}

.project h4 {
	font-size: 1.2rem
}

.design-work {
	padding-left: 2rem;
}

.design {
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.logo-container {
	width: 9rem;
}

div.logo-container img {
	width: 70%;
	transition: transform .6s ease-in-out;
}

div.lg-img img {
	width: 100%;
}

.logo-container img:hover {
	transform: scale(1.5);
}

.contact-icon {
	width: 3rem;
	height: auto;
	opacity: 0.7;
}

.contact-icon:hover {
	opacity: 1;
}

.contact {
	display: flex;
	justify-content: space-evenly;
}

footer {
	background-color: #d8d9d7;
	height: 3.5rem;
	text-align: center;
	font-weight: bold;
	color: #343a40;
}

footer p {
	padding-bottom: 1rem;
	margin-bottom: 0;
}