/* Ogólne */

body {
    font-family: sans-serif;
    margin: 0;
    background: #e2e2e2;

/*     To jest potrzebne, by pasek zawsze był na dole */
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tlo {
    background-image: linear-gradient(#4d5b5c, #e2e2e2 40%);
    margin-bottom: auto;
}

h2 {
    font-size: 20pt;
}

/* Niewidzialne elementy poprawiające czytelność w przeglądarkach nieobsługujących CSSu */
.niewidzialne {
    display: none;
}

/* Górny pasek */

header {
    background-color: #00000040;
    height: 64px;
    padding: 8px 8px 8px 8px;
}

header .pasek {
    display: flex;
    justify-content: space-around;
    max-width: 1240px;
    max-height: 100%;
    margin: 0 auto;
}

.pasek h1 {
    max-height: 100%;
    margin: 0 auto 0 0;
}

.pasek h1 img {
    max-height: 100%;
}

header h1 {
    margin-left: 0;
    margin-right: auto;
}

header .prawe_logo {
    margin-left: auto;
    margin-right: 0;
    height: 100%;
}

/* Główna treść */

main {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 8px;
    margin-bottom: 16px;
    font-size: 13pt;
}

/* Wstęp */

.duzy-naglowek {
    margin-top: 16px;
    display: flex;
    background: #202832;
    color: white;
    font-size: 16pt;
    font-family: sans-serif;
    border: 4px solid #429096;
    background-image: url("/obrazy/sesja_tło.png");
    background-size: cover;
}

.duzy-naglowek .wstep .pierwszy-akapit {
    margin: 0;
}

.duzy-naglowek img {
    height: 300px;
    margin: auto 0 0 auto;
    margin-bottom: 0;
    margin-top: auto;
    object-fit: contain;
}

.duzy-naglowek .wstep {
    margin: 32px;
}

/* Plan wykładów */

.plan {
    width: 100%;
}

.plan table {
    width: 100%;
    font-family: sans-serif;
    font-size: 12pt;
}

.plan table td {
    padding: 8px;
}

.plan table {
    border-collapse: collapse;
}

/* Wspierające nas podmioty */

.podmioty {
    margin: 20px 0;
, .kontener-podmiotow-kwadratowych}

.kontener-podmiotow, .kontener-podmiotow-kwadratowych {
/*     display: flex; */
    flex-wrap: wrap;
    text-align: center;
}

.kontener-podmiotow img, .kontener-podmiotow-kwadratowych img {
    margin: 2px;
    padding: 16px;
    border: 1px solid black;
    background: white;
}

.kontener-podmiotow img {
    height: 100px;
    max-width: 85vw;
}

.kontener-podmiotow-kwadratowych img {
    height: 160px;
}

/* Prelegenci */

.prelegenci {
    display: flex;
    flex-wrap: wrap;
}

.prelegent {
    margin: 4px;
    display: flex;
    border: 4px solid #429096;
/*    width: 300px;
    min-width: 300px; */
    max-width: 350px;
}


.prelegent .szczegoly {
    margin: 8px;
}

.prelegent .szczegoly p {
    margin: 0 0 4px 0;
    font-size: 16pt;
}


/* Dolny pasek */

footer {
/*     margin-top: 16px; */
/*     margin: auto 0 0 0; */
    border-top: 4px solid #429096;
    color: white;
    padding: 4px;
    background: #202832;
}

footer .dolny-pasek {
    display: flex;
}

.org-asi {
    margin: auto auto auto 0;
    font-weight: bold;
    font-size: 13pt;
}

.dolny-pasek {
    max-width: 1240px;
    margin: 0 auto;
}

.zewn a {
    margin-left: 2px;
}

/* Układ na telefon/małe okno */

@media screen and (max-width: 600px) {
    .duzy-naglowek {
        flex-direction: column;
    }

    /* Logo ASI przestaje się mieścić, dlatego zostaje ukryte, a logo Sesji wyśrodkowane. */
    .pasek h1 {
        margin: 2px auto;
    }

    .prawe_logo {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    #logo-pwr {
        content:url("/loga/pwr.png");
        height: 200px;
        /* Margines został dodany, by logo na pewno było poniżej */
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 400px) {
    .duzy-naglowek {
        font-size: 15pt;
    }
}