div.header{
    font-size: 5vmin;
}

div.sudoku-game-wrapper{
    display: block;
    width: 100%;
    justify-content: center;
    align-items: center;
}
div.board-wrapper{
    width: 98%;
    display: block;
    margin: auto;
}
div.game-board {
    width:100%;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    grid-template-rows:    auto auto auto auto auto auto auto auto auto;
    padding: 0;
    margin: 0;
}
div.cell {/*Added for small screens to prvent cells collapsing*/
    min-width:9vmin;
    min-height:9vmin;
}
div.right-controls{
    margin: auto;
    width: 98%
}
div.numpad-wrapper {
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;    
    width: 100%;
    column-gap: 1vmin;
    margin: 0;
    margin-bottom: 1vmin;
    margin-top: 1vmin;
}

div.numpad-item{
    border-radius: 3px;
    font-size: 5.5vmin;
    padding: 1vmin;
}

div.login_overall_container{
    width: 95%;
}

div.home_page_overall_container{
    width: 95%;
}

div.home_main_container{
    display: block;
}