Signet (2-row caption)
CODE
×
HTML
<div class='signet-2-rows'> <img class='logo' alt='Logo des Kantons Bern' src='img/Kanton-Bern.svg'> <div class='logo-caption-long'>Direction de la justice, des affaires communales et des affaires ecclésiastiques</div> </div>
CSS
img.logo { cursor:pointer; width: 150px; } div.logo-caption-long { font-size: 16px; line-height: 17px; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); font-family: 'Roboto'; font-style: normal; font-weight: 400; margin-top: 19px; max-width: 335px; } @media screen and (max-width: 1119px) { img.logo { width: 110px; } div.logo-caption-long { margin-top: 12px; max-width: 210px; font-size: 10px; line-height: 13px; letter-spacing: 0.01rem; word-spacing: 0.025rem; } }
JS
Signet (2-row caption)
×
Direction de la justice, des affaires communales et des affaires ecclésiastiques