.header :first-child { display: none; } .divider { display: none; } .container { align-items: baseline; display: flex; gap: 0.7rem; } .nextLevel { color: var(--some-black-color, #000); /* font-family: var(--ff-brandon-text); */ font-size: 1.2rem; font-weight: 400; letter-spacing: 0.6%; margin: 0; } .target { color: var(--some-black-color, #000); /* font-family: var(--ff-biro-script-plus); */ font-size: 1.8rem; font-weight: 400; letter-spacing: 4%; margin: 0; } @media screen and (max-width: 950px) { .progress { display: grid; gap: 0.2rem; } } @media screen and (min-width: 950px) { .header :first-child { display: block; } .header :nth-child(2n) { display: none; } .divider { display: block; margin: 0.3rem 0 1.2rem; } .nextLevel { display: none; } .target { font-size: 1.8rem; line-height: 3rem; } }