.valeur { padding: 80px 0px; text-align: right; color: $main-dark-color; background: #f2f2f3; &__item { width: 100%; overflow: hidden; padding: 30px 0px; .wrapper { width: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; .image { img { height: 130px; float: left; } } .description { padding: 5px 15px; text-align: left; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1; flex: 1; .title { text-transform: uppercase; text-decoration: underline; } p { font-family: $AkzidenzGroteskStd-Regular; } } } } &__item:nth-child(even) { .wrapper { float: right; } } &__item:nth-child(odd) { .wrapper { float: left; } } } @media all and (max-width: $desktop-lg) { .valeur { &__item { .wrapper { width: 70%; } } } } @media all and (max-width: $tablet) { .valeur { &__item { .wrapper { width: 100%; } } } } @media all and (max-width: 500px) { .valeur { &__item { .wrapper { -ms-flex-direction: column; flex-direction: column; .description { .title { margin: 20px 0px; text-align: center; } } } } } }