* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "montserrat", sans-serif;
}

.services-section {
  background:url('images/try2.jpg');
  background-size:cover;
  background-position:fixed;
  padding:80px 0;
}
.inner-width {
  width:100%;
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  overflow:hidden;
}
.section-title{
	float:center;
	color:white;
	font-size:30px;
	font-family:bold;
	padding-bottom:30px;
	animation:slideBottom 1s ease forwards;
	animation-delay:.7s;
}
.section-title2{
	float:center;
	color:white;
	font-size:20px;
	font-family:bold;
	padding-bottom:30px;
	animation:slideBottom 1s ease forwards;
	animation-delay:.7s;
}
.border{
	width:160px;
	height:2px;
	background:#0dcae1;
	margin:40px auto;
}
.services-container{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	color:white;
}
.service-box{
	max-width:40.33%;
	padding:10px;
	text-align:center;
	color:white;
	cursor:pointer;
	animation:slideBottom 1s ease backwards;
	animation-delay:.9s;
	
}
.service-icon{
	display:inline-block;
	width:70px;
	height:70px;
	border:5px solid #0dcae1;
	color:white;
	transform:rotate(45deg);
	margin-bottom:30px;
	margin-top:16px;
	transition:0.4s linear;
	background-color:;
}
.service-icon i{
	line-height:70px;
	transform:rotate(-45deg);
	font-size:26px;
	padding-left: 20%;
	padding-right: 10%;
}
.service-box:hover .service-icon{
	background:#0dcae1;
	color:white;
}
.service-title{
	font-size:19px;
	text-transform:uppercase;
	margin-bottom:10px;
}

.service-desc{
	font-size:17px;
}
@media screen and (max-width:960px){
	.service-box{
		max-width:45%;
	}
	
}
@media screen and (max-width:768px){
	.service-box{
		max-width:50%;
	}
	
}
@media screen and (max-width:480px){
	.service-box{
		max-width:100%;
	}
	
}
