@media (max-width: 900px){ 

    main { padding:0px; }
    #gameContainer { margin-top: 90px; }
    .dash-view { height: auto !important; margin-bottom: 50px; }    
    

    #battle-screen { height: 100% !important; margin-bottom:0px; }
    #log { position: relative !important; width: 100% !important; left: 0 !important; top: 0 !important; flex:none !important; height: 60px !important; }
  
    .icon-btn { height: 30px; width: 30px; }

    .manual-row { display: inline-block; margin-top: 10px; }
    .manual-row span { display: block; margin-top: 10px; line-height: 30px; }

    #pve-timer { margin-bottom: 20px; line-height: 25px; }

    .pvp-matchmaking-box { width:auto; }    
    .pvp-container { display: block; }
    .top10-container { width: 100%; }
    .pvp-col-left, .top10-col { margin-bottom: 0px; padding-bottom: 0px; }
    .col-id { width: 1%; }
    .col-wl { width: 11%; }

    .checkmark { width:40px; }

    header h1 { font-size: 28px; }
    header p { font-size: 12px; }
    .disclaimer { font-size: 6px; }    
}



@media (max-width: 450px){ 
    #hp-bars { font-size: 12px; }
    #hp-character-a, #hp-character-b { margin-top: 5px; }
    .disclaimer-box { line-height: 20px; }
    .disclaimer-box p { font-size: 12px; }
}