@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;
}