a:active, a:focus {outline: none;}


.icon-data1{
	float:left;
	width:70%;
}
.icon{
    float:left;
	width:20%;
}

.reviews{
	background: #fff;
	padding: 1em 0em 1em;
	text-align: left;
}

.services{
background:  url() no-repeat center center;
background-size: contain;
	
	
}
.services h3 {
	font-size: 2.5em;
	  font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	
}
.services-top{
	margin:8em 0em;
}
.services h5 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	text-align: left;
	margin:1.2em 0em;
}
.services p {
  font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	margin:1em 1em;
	width: 220px;


}
.icon-data2{
	float:left;
	width:70%;
}


.icon2{
    float:left;
	width:20%;
margin-bottom:15px;
}


.icon-data3{
	float:left;
	width:70%;
}

.icon3 {
    float: left;
    width: 20%;
    margin-top: 15px;
}

@media (max-width:1024px){

.services h3 {
	font-size: 2em;
	width:136px;
}

.services h5 {
			  font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.3em;
	margin: 1.2em 2em;
}

}

@media (max-width:768px){

.services {
	padding: 2em 0em;
}
.services-top {
	margin: 2em 0em;
}
}

@media (max-width:640px){

.services h3 {
	font-size: 1.7em;
}
.services h5 {
	font-size: 1.2em;
}

}

@media (max-width:480px){

.icon {
	width: 20%;
}

.icon {
	width: 29%;
}

.services h3 {
	font-size: 1.4em;
	width: 100%;
}
.services h5 {
	font-size: 1em;
}
.services p {
	font-size: 1em;
}
}