Описание
.lancome-quad { margin: 30px auto; text-align: center; } @media only screen and (min-width: 768px) { .lancome-quad { margin-top: 50px; } } .lancome-quad__title { margin-top: 0; margin-bottom: 5px; font-weight: 500; font-size: 20px; text-align: center; } @media only screen and (min-width: 768px) { .lancome-quad__title { margin-bottom: 10px; font-size: 26px; } } @media only screen and (min-width: 768px) { .lancome-quad__group { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin-left: calc(100% / 6); margin-right: calc(100% / 6); } } .lancome-quad__item { padding: 10px; } @media only screen and (min-width: 768px) { .lancome-quad__item { width: calc(100% / 2); } } .lancome-quad__item-picture { display: block; max-width: 400px; margin-left: auto; margin-right: auto; } .lancome-quad__item-img { display: block; width: 100%; } .lancome-trio { margin: 30px auto; text-align: center; } @media only screen and (min-width: 768px) { .lancome-trio { margin-top: 50px; } } .lancome-trio__title { margin-top: 0; margin-bottom: 5px; font-weight: 500; font-size: 20px; text-align: center; } @media only screen and (min-width: 768px) { .lancome-trio__title { margin-bottom: 10px; font-size: 26px; } } @media only screen and (min-width: 768px) { .lancome-trio__group { display: flex; justify-content: space-between; align-items: flex-start; } } .lancome-trio__item { padding: 10px; } @media only screen and (min-width: 768px) { .lancome-trio__item { width: calc(100% / 3); } } .lancome-trio__item-picture { display: block; max-width: 400px; margin-left: auto; margin-right: auto; } .lancome-trio__item-img { display: block; width: 100%; } .lancome-trio__item-description { margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 1.42; } .lancome-video { position: relative; overflow: hidden; padding-top: 56.25%; } .lancome-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hypnose-makeup-banner { position: relative; margin: 25p