table, body, a {font-family: "Verdana, Arial"}

table, body {font-size: small; color: white}
table, body {font-size: "x-small"}
body {background-color: black; text-align: center; margin: 0px;}

A {font-size: large}
A {font-size: "medium"; text-decoration: none}
A:link {color: ff8800}
A:visited {color: ff8800}
A:active {color: green}
A:hover {color: green}

.logohrejsi {grid-area: nadpis}
.copyright {position: absolute; bottom: 0px; left: 0px}
.container {
    display: grid;
    grid-template-areas: 'nadpis nadpis nadpis nadpis nadpis'
                         'prvni druhy treti ctvrty paty'
                         'bg bg bg bg bg'
                         'bg bg bg bg bg';
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 25% 25% 25% 25%;
    height: 100%;
    max-width:100%;
    text-align: center;
}

.prvni {grid-area: prvni}
.druhy {grid-area: druhy}
.treti {grid-area: treti}
.ctvrty {grid-area: ctvrty}
.paty {grid-area: paty}
.bgimage {grid-area: bg}

/*
.prvni {position: absolute; top: 20px; left: 167px}
.druhy {position: absolute; top: 20px; left: 457px}

.treti {position: absolute; top: 130px; left: 47px}
.ctvrty {position: absolute; top: 130px; left: 577px}

.paty {position: absolute; top: 240px; left: 47px}
.sesty {position: absolute; top: 240px; left: 577px}

.sedmy {position: absolute; top: 350px; left: 167px}
.osmy {position: absolute; top: 350px; left: 457px}

.devaty {position: absolute; top: 470px; left: 7px}
.desaty {position: absolute; top: 470px; left: 312px}
.jedenacty {position: absolute; top: 470px; left: 617px}
*/