section.m31_keyword_slider {
display: flex;
align-items: center;
height: 90px;
}
section.m31_keyword_slider .m31_keyword_item_container {
padding: 0 20px;
position: relative;
margin-top: 4px;
}
section.m31_keyword_slider .m31_keyword_item_container:before {
content: 'x';
position: absolute;
top: 42%;
left: -9px;
font-family: Nexa-Heavy, sans-serif;
font-weight: 800;
font-size: 1.4rem;
transform: translateY(-50%);
color: #fff;
transition: color .4s;
}
section.m31_keyword_slider .m31_keyword_item_container:nth-child(4n + 1):before {
color: #de7df0;
}
section.m31_keyword_slider .m31_keyword_item_container:nth-child(4n + 2):before {
color: #5d99db;
}
section.m31_keyword_slider .m31_keyword_item_container:nth-child(4n + 3):before {
color: #eeff5b;
}
section.m31_keyword_slider .m31_keyword_item_container:nth-child(4n + 4):before {
color: #de7df0;
}
section.m31_keyword_slider .m31_keyword_item {
margin-bottom: 0;
font-family: Nexa-Heavy, sans-serif;
font-weight: 400;
font-size: 2.5625rem;
line-height: 1;
} section.m31_keyword_slider.variante2 {
height: 160px;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container {
padding: 0 80px;
}
section.m31_keyword_slider.variante2 .m31_keyword_item {
font-size: 9.125rem;
font-weight: 800;
text-transform: uppercase;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
content: '×';
font-size: 9.125rem;
top: 50%;
left: -35px;
}
@media screen and (max-width: 1399px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 7.5rem;
}
section.m31_keyword_slider.variante2 {
height: 125px;
}
}
@media screen and (max-width: 991px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 6rem;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
left: -22px;
}
section.m31_keyword_slider.variante2 {
height: 100px;
}
}
@media screen and (max-width: 767px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 4.5rem;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container {
padding: 0 60px;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
left: -16px;
}
section.m31_keyword_slider.variante2 {
height: 75px;
}
}
@media screen and (max-width: 575px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 4rem;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
left: -12px;
}
section.m31_keyword_slider.variante2 {
height: 70px;
}
}
@media screen and (max-width: 475px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 3rem;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
left: -10px;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container {
padding: 0 40px;
}
section.m31_keyword_slider.variante2 {
height: 50px;
}
}
@media screen and (max-width: 375px) {
section.m31_keyword_slider.variante2 .m31_keyword_item,
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
font-size: 2.5rem;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container:before {
left: -8px;
}
section.m31_keyword_slider.variante2 .m31_keyword_item_container {
padding: 0 35px;
}
section.m31_keyword_slider.variante2 {
height: 45px;
}
}