#mobile-score { display: none; } #mobile-score .title-image { height: 100px; margin: 0; } #mobile-score .score-display { background: #1c1c1c; box-shadow: 0 0 5px #000; } #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-display { background: none; border-radius: 10px; display: inline-flex; vertical-align: center; font-family: 'Russo One', sans-serif; height: 40px; margin: 0; } .score-display a { display: inline-flex; vertical-align: middle; align-items: center; height: 40px; } .score-usa, .score-urss { font-size: 20px; line-height: 40px; } .winning { font-size: 23px; } .score-usa{ color: #1a5dad; } .score-urss{ color: #d72229; } .score-separator{ font-size: 20px; } .score-logo { height: 30px; margin: 0; } #main-score .score-logo { height: 60px; margin: 0 5px 0 5px; } #main-score .score-usa, #main-score .score-urss { font-size: 40px; line-height: 80px; } #main-score .winning { font-size: 50px; } @media screen and (max-width: 480px) { #top-bar-score { display: none; } #mobile-score { display: block; } }