.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10em 0 4em;
  
  align-items: center;
  justify-content: center;
}

.col-6 {
  flex: 50%;
}
.right{
	padding-left: 10em;
}
.service-item{
    cursor: pointer;
}
.service-active image{
    opacity: 1;
    transition: all ease .75s;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {

   .left{
    flex: 100%;
	padding-right: 0!important;
  }
	   .right{
		   padding: 0;
		   margin: 0;
		margin-bottom: 40px;
	}
	.row{
		margin: 0;
		padding: 0;
	}
}