a:link, a:visited, a:active { color: black; text-decoration: none; }
a:hover { color: #FFC019; overflow: hidden; }
body { margin: 0; padding: 0; font-family: "Courier New", Courier, monospace; }
p { margin-top: 0; }
h1 { font-size: 1.9em; margin-left: 0.5em; margin-bottom: 0.3em; font-weight: normal; }
h2 { font-size: 1.9em; margin-left: 0.3em; margin-bottom: 1em; margin-top: 0; }
h3 { font-size: 1em; margin-left: 1em; font-weight: normal; }
h4 { margin-bottom: 0; }
.hlavicka { float: left; width: 90%; height: 10em; }
.hlavicka p { font-size: 1em; margin-left: 1em; font-weight: normal; }
.vizitka { position: absolute; float: right; width: 66.5%; left: 33.5%; top: 0; }
.vizitka div { position: relative; float: left; width: 50%; }
.portfolio { position: relative; float: left; width: 33.2%; margin-left: 0.13%; margin-bottom: 0.13%; }
.portfolio img { width: 200%; height: auto; }
.portfolio a { display: block; width: 100%; height: auto; overflow: hidden; }
.portfolio a:hover { text-indent: -100%; width: 100%; }
.portfolio a img { border: none; margin-right: 100%; }
.polozka { position: relative; float: left; width: 33.2%; margin-left: 0.13%; margin-bottom: 0.13%; }
.polozka img { width: 100%; height: auto; }
.textID { position: absolute; left: 0.6em; top: 3em; color: white; }
.textID a:link, .textID a:visited, .textID a:active { color: white; }
.textID a:hover { color: #FFC019; }
.text { margin-left: 0.6em; margin-right: 0.6em; color: black; }
.nadpis { position: absolute; width: 100%; height: 100%; top: 1em; }
.nadpis h2 { font-size: 1em; font-weight: normal; }
.nadpis table { width: 100%; height: 100%; }
.nadpis td { width: 100%; height: 100%; text-align: right; vertical-align: bottom; color: white; }
.id { color: white; border-spacing: 0.6em; }
.idtd { vertical-align: top; }
.nazev { width: 200%; height: auto; }
@media screen and (max-width: 90em) and (min-width: 60em) {
    h1 { font-size: 1.8em; margin-left: 0; }
    h3 { margin-left: 0; }
    .hlavicka p { margin-left: 0; }
    .polozka h2 { font-size: 1.2em; margin-left: 0.1em; margin-bottom: -0.5em; margin-top: -0.5em; }
    .textID { top: 1em; left: 0; }
    .id { margin-left: -0.5em; }
}
@media screen and (max-width: 60em) {
    h1 { font-size: 1.8em; margin-left: 0; }
    h2 { font-size: 1.4em; }
    h3 { margin-left: 0; }
    .hlavicka { width: 80%; margin-left: 10%; height: auto; }
    .hlavicka p { margin-left: 0; }
    .vizitka { position: relative; width: 90%; left: 0; }
    .vizitka div { width: 100%; }
    .portfolio { width: 100%; margin-left: 0; margin-bottom: 1%; }
    .polozka { width: 100%; margin-left: 0; margin-bottom: 1%; }
    .textID { top: 1em; margin-left: 8%; }
}