body, html, table {
    margin:              0px;
    height:              100%;
    padding-bottom:      0px;
    overflow:            hidden;
}

body{
    padding-top:        0px;
}


table {
    width:              100%;
    text-align:         center;
    border-collapse:    collapse;
    background-color:   white;
    margin-top:         60px;
    height:             calc(100% - 60px);
}

.field {
    background-position:    center;
    background-size:        cover;
    padding:                0px;
    font-size:              3.3em !important;
    overflow:               hidden;
    border:                 1px white solid;
}

.field:hover {
    opacity:                0.65;
    font-size:              3em;
    transition:             0.3s;
}

a{
    text-decoration:        none;
    color:                  white;
}



@media all and (orientation:portrait) {
    tr {
        display:            flex;
        flex-direction:     column;
    }

    .field {
        width:              100% !important;
        box-sizing:         border-box;
        display:            flex;
        justify-content:    center;
        align-items:        center;
        border-width:       5px;
        font-size:          5em !important;
    }
}