/* Mobile ------------------------ */

@media (max-width: 320px) {
	

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	
}




/* Tablets Mobile ----------------------*/
@media only screen and (max-width: 767px) {

	
/*Header---------------------------------------------------------------------------------------------*/ 

.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	padding-top: 120px;
	
}

.intro .intro-body img {
	padding-right: 0px;
	max-height: 200px;
	width: auto;
	margin-bottom: 100px;
}

.intro .intro-body h1 {
	font-size: 30px;
	line-height: 32px;
	padding-bottom: 5px;
}
.intro .intro-body p {
	font-size: 22px;
	line-height: 24px;
	text-align: left;
}


div.content {
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
}


.highlighted-clients img {
	width: 100%;
	height:auto;
}

.about h2 {
margin-top: -10px;
}

.about  {
	padding-bottom: 35px;
}

.about h2, .about h3 {
	font-size: 24px;
	line-height: 25px;
}

div.item   {
	padding-left: 30px;
	padding-right: 30px;
}

.services  {
	padding-top: 10px;
	padding-bottom: 10px;
}



/*Navbar---------------------------------------------------------------------------------------------*/ 

.navbar-custom {
	padding-left: 15px;
	padding-bottom: 29px;
}

.navbar-custom img {
	padding-right: 15px;
	width: auto;
	max-height: 35px;
}

.header-logo {
	z-index: 2;
	position: absolute;
	left: 30px;
	top: 80px;
}

	
}

/* Tablets Desktop -------------------*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	
/*Header---------------------------------------------------------------------------------------------*/ 

.intro .intro-body {
	padding-left: 45px;
	padding-top: 125px;
}

.intro .intro-body img {
	padding-right: 60px;
	max-width: 360px;
	height: auto;
}

.intro .intro-body h1 {
	font-size: 40px;
	padding-bottom: 5px;
}
.intro .intro-body p {
		font-size: 25px;
	line-height: 27px;
}

div.content {
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
}


.services-logos span {
	 display: block;
 }
 

 

}


	

/* Desktop ------------------------ */

@media (min-width: 1200px) {

/*About---------------------------------------------------------------------------------------------*/ 

.about {
	padding-left: 40px;
	padding-right: 40px;
}

}