@import 'base';

.dp-value-props {

margin: 36px 0;

@include desktop {
  margin: 25px 0 40px;
}

}

.dp-value-prop {

padding-bottom: 36px;

&:last-child {
  padding-bottom: 0;
}

@include desktop {
  width: 20%;
  padding-right: 3%;
  display: table-cell;
  vertical-align: top;
  padding-bottom: 0;

  &:last-child {
    margin-right: 0;
  }
}

}

.dp-value-prop-imgWrapper {

margin: 0 -9999px;

}

.dp-value-prop-imgSlice {

overflow-x: hidden;

}

.dp-value-prop .dp-value-prop-img {

max-width: none;

}

.dp-value-prop-title, .dp-value-prop-description {

padding-left: 20px;
padding-right: 20px;

@include desktop {
  padding-left: 0;
  padding-right: 0;
}

}

.dp-value-prop-title {

font-weight: normal;

}

.dp-value-prop-description {

font-weight: 300;

}

.dp-value-prop-imgSlice + .dp-value-prop-description {

margin-top: 10px;

}