﻿.parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.parallax,
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6 {
  color: #fff;
}
.parallax input[type=text], .parallax input[type=text]:hover, .parallax input[type=email], .parallax input[type=email]:hover, .parallax input[type=url], .parallax input[type=url]:hover, .parallax input[type=password], .parallax input[type=password]:hover, .parallax textarea, .parallax textarea:hover {
  font-weight: 300;
  color: #fff;
}
section {
  padding:50px 10px 90px 10px;
}
#features {
  text-align: center;
  background: #f0ebeb;
  margin-bottom:50px ;
}
#features h1 {
  width: 100%; height: auto; float: left;
  margin: 15px 0 0 0;
  color: #2b7cd4;
  text-align: center;
  font-size: 30px;
}
#features h6 {
  width: 100%; height: auto; float: left;
  margin: 0 0 22px 0;
  color: #212121;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
}
#features .con{
  width: 23%; height: auto; float: left; margin:3% 1% 8% 1%;
}
#features .con img{
  width: 40%; height: auto; float: left; margin: 1% 30%;
}
#features h3 {
  width: 100%; height: auto; float: left;
  margin: 15px 0 0 0;
  font-size: 30px;
  color: #2b7cd4;
  text-align: center;
}
#features h3::after { 
  content: " +";
}
#features p {
  color: #2f2f2f; margin: 0; text-transform: uppercase; font-size: large;
}
#features .slider-overlay {
  opacity: 0.8;
}

/* xs */
@media (max-width: 767px) {
	/*services*/
	section {
		padding: 45px 0;
	}
	.team-member {
		margin-bottom: 50px;
	}
	.count .col-xs-6 {
		margin-bottom: 35px;
	}
	#features {
		min-height: 330px;
	}
	#features i {
		font-size: 35px;
	}
	#features h3 {
		font-size: 25px;
	}

}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#features h1 {
  width: 90%; height: auto; float: left;
  margin: 1% 5%;
  color: #2b7cd4;
  text-align: center;
  font-size: 30px;
}
#features .con{
  width: 49%; height: auto; float: left; margin:5% 0.5%;
}
#features p {
  color: #2f2f2f; margin: 0; text-transform: uppercase; font-size: medium;
}
}