.slogan { position: relative; margin: auto auto auto 0; display: inline-flex; min-height: 165px } .row.custom-row>div:first-child .slogan { padding-right: 10px } .row.custom-row>div:last-child .slogan { padding-left: 10px } .slogan .inner { display: flex; align-items: center } .cb .slogan { display: none } .slogan span { position: relative; font-size: 90px; color: #000; font-family: Kuroneko,sans-serif; font-weight: 400; font-style: normal; line-height: 1; white-space: pre-wrap } @media screen and (max-width: 1199.9px) { .slogan span { font-size:70px } } @media screen and (max-width: 767.9px) { .slogan span { font-size:70px; white-space: unset } } .slogan .watermark { position: absolute; top: 50%; width: 100%; right: 0; display: flex; justify-content: right; height: 115%; min-height: 240px; transform: translateY(-50%); text-align: right; margin: auto 0 auto auto; filter: invert(73%) sepia(14%) saturate(944%) hue-rotate(285deg) brightness(87%) contrast(93%) } .yellow .slogan .watermark { filter: invert(88%) sepia(31%) saturate(442%) hue-rotate(340deg) brightness(108%) contrast(102%) } .green .slogan .watermark { opacity: 0.5; filter: invert(100%) sepia(11%) saturate(5558%) hue-rotate(74deg) brightness(97%) contrast(79%) } .green .slogan .watermark span { color: #006747 } .light-blue .slogan .watermark { filter: invert(91%) sepia(5%) saturate(1349%) hue-rotate(164deg) brightness(100%) contrast(95%) } .light-blue .slogan .watermark span { color: #003087 } .purple .slogan .watermark { filter: invert(89%) sepia(14%) saturate(105%) hue-rotate(227deg) brightness(105%) contrast(89%) } .purple .slogan .watermark span { color: #330072 } .slogan .watermark img.img-slogan { max-width: 100%; width: auto; min-height: 100%; margin: 0; display: block; flex-grow: 1; z-index:-1; } .cp .slogan .watermark { filter: invert(1); opacity: 35% } .cp .slogan .inner { display: flex; width: 100%; min-height: 0; align-items: center; justify-content: center } .green .slogan span { color: #006747 } .light-blue .slogan span { color: #003087 } .purple .slogan span { color: #330072 } .slogan+div,.slogan+picture { margin-top: 40px; display: block }