#mobile-score { display: none; height: auto; } #mobile-score .title-image { height: 80px; margin: 0 auto 0 auto; display: block; } #mobile-score .score-container { margin: 0 auto 0 auto; display: block; } #top-bar-score { display: inline-flex; position: fixed; right: 0; } #top-bar-score .title-image { height: 40px; margin: 0; } #main-score { display: block; } #main-score .title-image { display: none; } .score-container { background: none; border-radius: 10px; display: inline-flex; vertical-align: center; font-family: Harry-P, sans-serif; font-size: 50px; margin: 0; } .score-container a { display: inline-flex; vertical-align: middle; align-items: center; } .winning { font-size: 23px; } .score-gli{ color: #d9341c; background-size: auto 100%; text-shadow: 0 0 10px #000; margin: 0 10px; } .score-pek{ color: #41fb32; background-size: auto 100%; text-shadow: 0 0 5px #000; margin: 0 10px; } .score-boo{ color: #fbce15; background-size: auto 100%; text-shadow: 0 0 5px #000; margin: 0 10px; } .score-ver{ color: #4bc3fb; background-size: auto 100%; text-shadow: 0 0 5px #000; margin: 0 10px; } .score-separator{ background-color: #d9d9d9; width: 5px; height: 5px; } #main-score .score-logo { height: 60px; margin: 0 5px 0 5px; } #main-score .score-usa, #main-score .score-urss /*#main-score .score-separator*/ { font-size: 40px; line-height: 80px; } /*#main-score .score-separator { font-size: 55px; }*/ #main-score .winning { font-size: 50px; } @media screen and (max-width: 480px) { #top-bar-score { display: none; } #mobile-score { display: block; } #main-score .score-container a { display: block; } #main-score .score-separator { display: none; } }