header.header-section {
	margin-bottom: 0;
}

.header-section .navbar-brand img {
	max-height: 50px;
}

section.about-section {
	margin-bottom: 0;
}

section.about-section p {
	line-height: 1.6;
}

.services-section {
	padding-top: 20rem;
	margin-bottom: 10rem;
}

.services-section .services-card {
	width: 25em;
	min-height: 10rem;
}

.portfolio-section {
	margin-bottom: 10rem;
}

.flex-container .profile-container {
	flex: 0 1 46em;
	height: 30em;
}

.flex-container .profile-wrapper:after,
.flex-container .profile-wrapper:before {
	left: 10%;
	width: 80%;
}

.flex-container .profile-card p {
	margin: 2rem 4rem;
}

.flex-container .port-container-1:before {
	background-image: url("..//images/project1.jpg");
}

.flex-container .port-container-2:before {
	background-image: url("..//images/project2.jpg");
}

.flex-container .port-container-3:before {
	background-image: url("..//images/project3.jpg");
}

.flex-container .port-container-4:before {
	background-image: url("..//images/project4.jpg");
}

.contact-flxe {
	max-width: 960px;
	margin: 0 auto;
}

.contact-flex .bg img {
	width: 50rem;
}

.contact-flex .left-icons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-flex {
	max-width: 960px;
	margin: 0 auto;
}

footer>div img {
	max-height: 50px;
}

.mobile-nav .nav-bar {
	width: 100%;
}

@media(min-width: 751px) {
	section.about-section {
		padding-top: 20em;
	}

	.contact-section {
		padding-top: 20rem;
	}

	.portfolio-section {
		padding-top: 10rem;
	}

}

@media(max-width: 750px) {
	.services-section {
		padding-top: 10rem;
	}

	.contact-flex .bg img {
		width: 80%;
		margin: 0 10%;
	}

	.contact-section {
		margin-bottom: 5rem;
	}
}