@import url('https://fonts.googleapis.com/css2?family=Viga&display=swap');

.services-section{
  background: #242424;
  background-size: cover;
  padding: 30px 0;
}
.inner-width{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  overflow: hidden;
}
.section-title{
  text-align: center;
  color: #ddd;
  text-transform: uppercase;
  font-size: 30px;
}
.border{
  width: 160px;
  height: 2px;
  background: #0688fa;
  margin: 20px auto;
}
.services-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.service-box{
  max-width: 33.33%;
  width: 25%;
  margin: 15px;
  padding: 15px;
  text-align: center;
	background-color:#45a6fb;
	border-radius:15px;
	border:1px solid #45a6fb;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	   -moz-box-shadow:    inset 0 0 10px #000000;
	   -webkit-box-shadow: inset 0 0 10px #000000;
	   box-shadow:         inset 0 0 10px #000000;
}

.service-box:hover{
	background-color: transparent;
}

.service-icon{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 15px;
  margin-top: 16px;
  transition: 0.3s linear;
}

.service-title{
  font-size: font: 1.2em/1 "Viga";
}

@media screen and (max-width:960px) {
  .service-box{
    width: 25%;
	margin: 15px;
  }
}

@media screen and (max-width:768px) {
  .service-box{
    width: 25%;
	margin: 15px;
  }
  .col-md-6{
	padding-right: 0px;
    padding-left: 0px;
  }
}

@media screen and (max-width:480px) {
  .service-box{
    width: 30%;
	margin: 5px;
  }
  .col-md-6{
	padding-right: 0px;
    padding-left: 0px;
  }
}