/* General */

body {
    font-family: Verdana, sans-serif;
    background-color: #e8e8e8;
    margin: 15vh 25vh;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1000px) { body { margin: 5vh 10vh; } }
@media (max-width: 600px) { body { margin: 0; } }

svg { max-width: 1em; max-height: 1em; }

/* Logos in the footer */
footer {
    align-items: center;
    justify-content: center;
}

footer img {
    margin: 5px;
    width: auto;
    height: 5vh;
}

img.horizontal, img.vertical { display: none; }
@media (orientation: landscape) {
    img.horizontal { display: block; min-height: 9vh; }
    .imgstrip { flex-direction: row; }
    footer img { width: auto; height: 4.5vh; }
}
@media (orientation: portrait) {
    img.vertical { display: block; width: 40vw; }
    .imgstrip { flex-direction: column; }
    footer img { height: auto; width: 30vw; margin-bottom: 65px; }
    @media (max-width: 400px) {
        footer img { width: 70vw; }
        img.vertical { width: 90vw; }
    }
}

/* Panels */
.panel {
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    background-color: #fafafa;
    color: black;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0 7px rgba(33, 33, 33, 0.6);
}
a.panel { transition: box-shadow 0.1s; }
a.panel:hover { box-shadow: 0 0 10px rgba(33, 33, 33, 0.9); }

.container { display: flex; margin: 20px 0 0 0; }
.column {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
}
.column > * { text-decoration: none; }

/* Dodatkowe okienka */
.okienko {
    background-color: #e8e8e8;
    font-size: 1em;
    padding: 5px;
    margin: 5px;
}

/* Listy */
ul {
    list-style-type: none;
    padding-left: 0;
}

/* Tabele */
table.bare {
    td,th { padding: 10px; }
}