#header {
	width: 360px;
}

#header,  #footer {
	background-color: #bbb;
}

@media (max-width: 1199px) {
	#header {
		left: -360px;
	}
}

p {
	text-align: justify;
	hyphens: auto;
}

.portfolio .portfolio-wrap .portfolio-links a {
	width: 100%;
}

.portfolio-details h4 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 18px;
	padding-bottom: 18px;
	position: relative;
	color: #173b6c;
}

.portfolio-details h4::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 3px;
	background: #149ddd;
	bottom: 0;
	left: 0;
}

.portfolio-details h3 {
	text-align: right;
}

.nav-menu * {
	color: #173b6c;
}

.facts .count-box i {
	color: #173b6c;
}

.skills .progress-bar {
	background-color: #173b6c;
}

.portfolio .portfolio-wrap .portfolio-links a {
	background: rgba(23, 59, 108, 0.75);
}

.services .icon {
	background: #173b6c;
	border: 1px solid #173b6c;
}

.contact .php-email-form button[type=submit] {
	background: #173b6c;
}

#header .profile img {
	border: 8px solid #173b6c;
}

.back-to-top {
	background: #173b6c;
}

.contact .info i {
	color: #fff;
	background: #173b6c;
}

#hero {
	background-image: url(../img/iStock-513985556_1920x1280.jpg);
}

#hero p span {
	border-bottom: 3px solid #173b6c;
}

.section-title h2::after {
	background: #173b6c;
}

.nav-menu a:hover i, .nav-menu .active i, .nav-menu .active:focus i, .nav-menu li:hover>a i {
	color: #173b6c;
}

a {
	color: #173b6c;
}