@media (max-width: 991px) {
  #header {
    height: 80px;
    padding: 12px 0;
  }
}

.mobile-nav-toggle {
	padding-top: 8px;
}

#header, #header.header-scrolled, #header.header-pages {
    height: 80px;
    padding: 12px 0;
}

.main-nav {
	padding-top: 8px;
}

#header .logo img {
	max-height: 52px;
}

#intro .intro-info {
	width: 60%;
}

#intro .intro-img {
	width: 40%;
}

#services .box {

}

#services .box p.description {
	margin: 0;
	text-align: justify;
}

#services .box h4.title {
	text-align: center;
	text-transform: uppercase;
	margin-left: 0;
}

#services .icon i {
	font-size: 130px;
	font-weight: lighter;
	z-index: -100;
}

#services .icon {
	left: -2px;
	top: -9px;
	opacity: 40%;
}

#clients .client-logo {
	padding: 10px;
	text-align: center;
	opacity: 85%;
	cursor:pointer;
}

#clients .client-logo:hover {
	opacity: 100%;
	color: #000;
}

#footer .footer-top .footer-info p {
	font-size: 16px;
	text-align: justify;
	line-height: 27px;
}

#footer .footer-top .footer-info h3 {
	letter-spacing: -1px;
	font-weight: bolder;
}

#footer .footer-top .footer-links ul li {
	padding: 2.5px 0;
}