// Homepage .index-card {

display: flex;
flex-direction: column;
padding: $padding;
margin-bottom: 2em;
background: #f7f7f7;

}

.index-card__image {

margin-bottom: $margins;

&:hover {
  transition-duration: 0.5s;
  opacity: 0.6;
}

}

.index-card__content {

h4 {
  margin-bottom: 0;
}

}

// Services .services-card {

display: flex;
flex-direction: column;
padding: 2 * $padding;
margin-bottom: 2em;
text-align: center;
border: $base-border;

}

.services-card__i {

margin-bottom: 2 * $margins;
font-size: 42px;
color: $action-color;

}

.services-card__content {

flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;

p {
  flex: 1;
}

}