@media (max-width: 1000px){
html {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
body {
    font-family: Raleway;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
#tlo_strony {
    display: block;
    margin: 0px;
    width: 100%;
    position: relative;
}
#home {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 5;
}
#home img {
    width: 130px;
    opacity: 1;
    transition: opacity 0.5s;
}
#home img:hover {
    opacity: 0.75;
}
/* Strona główna */
#header {
    position: relative;
    width: 100%;
    height: 1000px;
    margin: 0px auto;
    background-image: url("grafika/header_tlo_mobile.png");
    background-position: -200px 100px;
    background-size: 185%;
    background-repeat: no-repeat;
    position: relative;
    font-variant: small-caps;
    z-index: 2;
}
#header::before {
    content: url('grafika/header_rect_1.png');
    display: block;
    position: absolute;
    left: 120px;
    top: -29px;
}
#header::after {
    content: url('grafika/header_rect_3_mobile.png');
    display: block;
    position: absolute;
    left: 240px;
    top: 370px;
}
h1 {
    font-size: 30px;
    position: absolute;
    top: 140px;
    left: 110px;
    margin: 0px;
    padding: 0px;
    width: 230px;
    font-weight: 700;
    color: black;
}
#sto_lat {
    font-size: 64px;
}
#menu::before {
    content: url('grafika/header_rect_2_mobile.png');
    display: block;
    position: absolute;
    left: -80px;
    top: -236px;
}
#menu {
    position: absolute;
    top: 360px;
    left: 100px;
    display: grid;
    grid-template-columns: repeat(2, 120px);
    grid-template-rows: repeat(5, 120px);
}
.menu_a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 110px;
    height: 110px;
    padding: 0px 11px 11px 0px;
    margin: 8px;
    background: url("grafika/menu_tlo.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    color: white;
    transition: opacity 0.5s;
    cursor: pointer;
}
.menu_a:hover {
    opacity: 0.75;
}
#m_historia {
    grid-row: 1;
    grid-column: 1;
}
#m_wydarzenia {
    grid-row: 2;
    grid-column: 1;
}
#m_dokumentacja {
    grid-row: 3;
    grid-column: 2;
}
#m_archiwum {
    grid-row: 3;
    grid-column: 1;
}
#m_galeria {
    grid-row: 4;
    grid-column: 2;
}
#m_wspomnienia {
    grid-row: 4;
    grid-column: 1;
}
#m_strona {
    grid-row: 5;
    grid-column: 2;
}
#tekst_wstepny {
    font-size: 18px;
    font-weight: 400;
    padding: 30px 20px 20px 20px;
    text-align: left;
    position: relative;
    background-image: url('grafika/tlo_1_mobile.png');
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: 0px -50px;
}
#tekst_wstepny a{
    color: black;
}
#komitet_honorowy::before {
    content: url('grafika/rect_4_mobile.png');
    display: block;
    position: absolute;
    left: -0px;
    top: -400px;
    z-index: -1;
}
#komitet_honorowy {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
    position: relative;
    width: 100%;
    background-color: black;
    color: white;
    z-index: 1;
}
#komitet_honorowy h2 {
    font-size: 26px;
    font-variant: small-caps;
    padding: 15px;
    margin: 0px;
    position: relative;
    z-index: 2;
}
#spot_youtube {
    width: 100%;
    aspect-ratio: 560 / 313;
}
@media (min-width: 500px){
    #tlo_strony {
        width: 500px;
        margin: 0px auto;
    }
    #header {
        background-image: url("grafika/header_tlo.png");
        background-size: contain;
        background-position: 0px 0px;
        height: 750px;
    }
    #header::after {
        left: 350px;
        top: 170px;
    }
    #menu {
        grid-template-columns: repeat(3, 120px);
        grid-template-rows: repeat(3, 120px);
    }
    #m_wydarzenia {
        grid-row: 1;
        grid-column: 2;
    }
    #m_dokumentacja {
        grid-row: 2;
        grid-column: 1;
    }
    #m_archiwum {
        grid-row: 2;
        grid-column: 2;
    }
    #m_galeria {
        grid-row: 2;
        grid-column: 3;
    }
    #m_wspomnienia {
        grid-row: 3;
        grid-column: 2;
    }
    #m_strona {
        grid-row: 3;
        grid-column: 3;
    }
    #komitet_honorowy {
        width: 350px;
        margin: 0px auto;
    }
    #komitet_honorowy::before {
        display: none;
    }
    #tekst_wstepny {
        background-image: url('grafika/tlo_1.png');
        background-size: contain;
        background-position: 0px 200px;
        background-repeat: no-repeat;
    }
}
/* Nagłówek podstrony */
#header.podstrona {
    background-image: none;
}
#header.podstrona::before {
    content: url('grafika/header_rect_1_mobile.png');
    display: block;
    position: absolute;
    left: 45px;
    top: 0px;
    width: 10px;
}
h1.podstrona {
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 65px;
    font-variant: small-caps;
    text-align: left;
}
h1.podstrona #sto_lat {
    font-size: 29px;
    line-height: 40px;
}
h2.podstrona {
    font-size: 36px;
    font-weight: 700;
    position: absolute;
    top: 115px;
    left: 65px;
    font-variant: small-caps;
}
/* Menu na podstronie */
#menu_podstrony {
    display: none;
    list-style-type: none;
    list-style-position: inside;
    z-index: 7;
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
    width: 180px;
    height: fit-content;
    padding-top: 50px;
    padding-left: 0px;
    text-align: left;
    background-color: black;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
.menu_mobilne_przycisk {
    z-index: 7;
    position: absolute;
    top: 25px;
    left: 10px;
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
}
#menu_mobilne_show {
    background-image: url('grafika/mobile_menu_button.png');
    display: block;
}
#menu_mobilne_hide {
    background-image: url('grafika/mobile_menu_hide.png');
    display: none;
}
#menu_podstrony li {
    font-size: 17px;
    font-weight: 700;
    font-variant: small-caps;
    margin: 15px 10px;
    padding: 7px;
    background-color: white;
    display: block;
    width: fit-content;
}
#menu_podstrony li.aktualna {
    background-color: rgba(182, 203, 223, 1);
}
#menu_podstrony a {
    color: black;
    text-decoration: none;
    text-align: left;
}
/* Historia */
#tlo_strony.historia {
    background-image: url("grafika/tlo_2.png");
    background-repeat: no-repeat;
    background-position: -100px 50px;
    background-size: 550px;
    height: 800px;
    overflow-x: hidden;
}
@media (min-width: 500px){
    #tlo_strony.historia{
        background-position: 0px 0px;
        background-size: contain;
        overflow-x: visible;
    }
}
#tlo_strony.historia #header {
    height: 800px;
}
#tlo_strony.historia #header::after {
    top: 180px;
    left: 300px;
}
#historia_menu::before {
    content: url('grafika/rect_6.png');
    display: block;
    position: absolute;
    left: -30px;
    top: 250px;
}
@media (min-width: 500px){
    #historia_menu::before {
        content: url('grafika/rect_4.png');
        display: block;
        position: absolute;
        left: -10px;
        top: 350px;
    }
}
#historia_menu {
    position: absolute;
    z-index: 2;
    top: 200px;
    left: 20px;
    display: grid;
    grid-template-columns: repeat(4, 83px);
    grid-template-rows: repeat(7, 83px);
}
#historia_menu .menu_a{
    background-color: black;
    opacity: 0.9;
    box-shadow: 10px 10px 20px black;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 5px;
    padding: 5px;
    font-size: 15px;
}
#m_his_1 {
    grid-row: 1;
    grid-column: 2;
}
#historia_menu #m_his_2 {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 5px 30px;
    width: calc(100% - 70px);
}
#historia_menu #m_his_3 {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 5px 20px;
    width: calc(100% - 50px);
}
#historia_menu #m_his_4 {
    grid-row: 3;
    grid-column-start: 3;
    grid-column-end: 5;
    padding: 5px 20px;
    width: calc(100% - 40px);
}
#m_his_5 {
    grid-row: 4;
    grid-column-start: 1;
    grid-column-end: 5;
}
#m_his_6 {
    grid-row: 5;
    grid-column-start: 2;
    grid-column-end: 3;
}
#m_his_7 {
    grid-row: 5;
    grid-column-start: 3;
    grid-column-end: 5;
}
#m_his_8 {
    grid-row: 6;
    grid-column-start: 1;
    grid-column-end: 3;
}
#m_his_9 {
    grid-row: 6;
    grid-column-start: 3;
    grid-column-end: 5;
}
#m_his_10 {
    grid-row: 7;
    grid-column-start: 3;
    grid-column-end: 4;
}
.his_art {
    display: none;
    position: absolute;
    z-index: 6;
    top: 0px;
    width: calc(100% - 40px);
    min-height: 100%;
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    padding: 0px 20px;
}
.his_art h2 {
    font-size: 30px;
    font-weight: 700;
    font-variant: small-caps;
    background-image: url("grafika/his_h2_tlo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 30px;
    margin-top: 20px;
}
.autor_artykulu {
    position: absolute;
    top:  200px;
    right: 20px;
    font-size: 15px;
    font-weight: 600;
}
.his_art>h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
.his_art h4 {
    position: relative;
    font-size: 18px;
    margin: 10px 30px;
    z-index: 5;
}
.sekcja {
    position: relative;
    font-size: 15px;
    margin: 10px 30px 40px 30px;
    z-index: 4;
}
.his_close {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}
.zdj_his_ban_lewo, .zdj_his_ban_prawo {
    position: relative;
    display: block;
    width: 300px;
    padding: 20px 30px;
    text-align: center;
    z-index: 4;
}
.zdj_his_ban_lewo p, .zdj_his_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 0px;
    margin-top: 10px;
}
.zdj_his_ban_lewo::before {
    content: url('grafika/tla/tlo_zdjecia_1.png');
    display: block;
    position: absolute;
    left: -70px;
    top: 0px;
    z-index: -1;
}
.zdj_his_ban_prawo::before {
    content: url('grafika/tla/tlo_zdjecia_2.png');
    display: block;
    position: absolute;
    right: -70px;
    top: 0px;
    z-index: -1;
}
.zdj_his {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
.zdjecie_tlo_duze {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 7;
}
.zdjecie_tlo_duze_wew {
    width: 100%;
    height: 100%;
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: calc(100% - 150px) 150px;
}
.zdjecie_zdj_duze {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.zdjecie_zdj_duze img {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 20px);
    margin: 20px;
    margin-bottom: 0px;
}
.zdjecie_opis_duze {
    grid-row: 2;
    grid-column: 1;
    height: calc(100% - 40px);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.zdjecie_opis_duze a{
    color: white;
}
.zdjecie_close {
    position: absolute;
    top: 23px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}
#his_art_11 {
    background-image: url('grafika/oddzialy_tlo.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#h2_11 {
    background: none;
    height: 200px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
}
.oddzial_ban_zew {
    display: grid;
    grid-template-columns: 1fr auto 60px 1fr;
}
#oddzial_hr_1 {
    grid-column: 1;
    grid-row: 1;
}
#oddzial_hr_2 {
    grid-column: 4;
    grid-row: 1;
}
#oddzial_hr_1, #oddzial_hr_2 {
    height: 4px;
    background-color: black;
    border-color: black;
    width: 100%;
    margin-top: 12px;
}
.oddzial_h3 {
    grid-row: 1;
    grid-column: 2;
    font-size: 20px;
    font-weight: 700;
    margin: 0px;
    margin-left: 15px;
    font-variant: small-caps;
}
.oddzial_open {
    grid-row: 1;
    grid-column: 3;
    width: 30px;
    margin: 8px 15px;
    transform: rotate(0deg);
    transition: transform 1s;
}
.oddzial_ban_zew .oddzial_ban_wew {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row: 2;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    display: none;
    margin-bottom: 30px;
}
.oddzial_ban_zew.open .oddzial_open {
    transform: rotate(180deg);
    transition: transform 1s;
}
/* Galeria */
#tlo_strony.galeria #header::after {
    display: none;
}
#tlo_strony.galeria {
    background-image: url('grafika/galeria_tlo_mobile.png');
    background-size: contain;
    background-repeat: repeat;
}
#tlo_strony.galeria #header {
    height: 230px;
    background-image: url('grafika/galeria_tlo_mobile_header.png');
    background-position: 100% 0;
    background-size: contain;
}
@media (min-width: 500px){
    #tlo_strony.galeria {
        background-image: url('grafika/galeria_tlo_mobile_2.png');
    }
    #tlo_strony.galeria #header {
        background-image: url('grafika/galeria_tlo_mobile_header_2.png');
    }
}
#galeria_menu {
    width: 300px;
    padding: 0px;
    margin: 20px auto;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
#galeria_menu_wew {
    overflow-x: scroll;
    text-wrap: nowrap;
    width: 250px;
    scrollbar-width: none;
}
@media (min-width: 500px){
    #galeria_menu {
        width: 405px;
    }
    #galeria_menu_wew{
        width: 355px;
    }
}
#galeria_menu_wew::-webkit-scrollbar {
    display: none;
}
#menu_up, #menu_down {
    background: none;
    border: none;
    margin: 10px 0px;
    opacity: 100%;
}
#menu_up.active, #menu_down.active {
    opacity: 100%;
    cursor: pointer;
}
#menu_up {
    transform: rotate(90deg);
}
#menu_down {
    transform: rotate(-90deg);
}
#galeria_menu_wew a {
    display: inline-block;
    color: white;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    margin: 20px 5px;
}
#galeria_ban {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#galeria_ban h3 {
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    background-image: url('grafika/galeria_okres_tlo.png');
    background-position: center;
    background-size: 150%;
    color: black;
}
.galeria_okres {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    width: 100%;
}
@media (min-width: 500px){
    .galeria_okres {
        flex-direction: row;
    }
}
.galeria_zdj {
    display: grid;
    grid-template-rows: 180px 50px;
    grid-template-columns: 240px;
    margin: 5px;
    cursor: pointer;
}
.galeria_zdj_ban {
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
    /*border: 3px solid rgba(0, 0, 0, 0.5);*/
}
.galeria_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.galeria_podpis {
    margin: 5px;
    padding-top: 10px;
    font-size: 14px;
    text-align: center;
    grid-column: 1;
    grid-row: 2;
}
#galeria_tlo_duze_ban {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 7;
    display: none;
}
.galeria_tlo_duze {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}
.galeria_tlo_duze_wew {
    width: 100%;
    height: 100%;
}
.galeria_zdj_duze {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.galeria_zdj_duze img {
    max-width: 90%;
    max-height: 90%;
    margin: 0px;
}
.galeria_opis_duze {
    display: none;
}
.galeria_close {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}
.galeria_left, .galeria_right {
    display: none;
}
/* Archiwum */
#tlo_strony.archiwum #header {
    height: 250px;
}
#tlo_strony.archiwum #header::after {
    content: none;
}
#tlo_strony.archiwum {
    background-image: url("grafika/archiwum_tlo_mobile.png");
    background-repeat: repeat;
    background-position: 0px 125px;
    background-size: contain;
}
@media (min-width: 500px){
    #tlo_strony.archiwum {
        background-image: url("grafika/archiwum_tlo_mobile_2.png");
        background-position: 0px 85px;
    }
}
/* Jednak razem z galeria_menu:
#archiwum_menu {
    position: absolute;
    z-index: 1;
    top: 171px;
    left: 150px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
#archiwum_menu a {
    color: white;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0px;
}
*/
#archiwum_ban {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}
#archiwum_ban h3 {
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    background-image: url('grafika/galeria_okres_tlo.png');
    background-size: cover;
    background-position: center;
    color: black;
    
}
.archiwum_zdj {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 260px;
    background-color: rgba(0, 0, 0, 0.65);
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
.archiwum_zdj_ban {
    margin: 20px;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archiwum_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.archiwum_opis {
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    grid-column: 1;
    grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archiwum_opis a {
    color: white;
}
@media (min-width: 500px){
    .archiwum_zdj {
        grid-template-rows: 350px;
        grid-template-columns: 260px 240px;
    }
    .archiwum_opis {
        grid-column: 2;
        grid-row: 1;
    }
}
.archiwum_tlo_duze {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 7;
    display: none;
    text-align: center;
    padding-bottom: 100px;
    overflow: scroll;
}
.archiwum_zdj_duze img {
    margin-top: 60px;
    width: 90%;
}
.archiwum_opis_duze {
    color: white;
    width: 90%;
    margin: 0px auto;
}
.archiwum_opis_duze a{
    color: white;
}
.arch_close {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}
/* Wydarzenia */
#tlo_strony.wydarzenia {
    background-image: url("grafika/wydarzenia_tlo_mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
    overflow: hidden;
}#tlo_strony.wydarzenia #header {
    height: 300px;
}
#tlo_strony.wydarzenia #header::after {
    top: 150px;
    left: 300px;
}
#wydarzenia_menu {
    position: absolute;
    z-index: 2;
    top: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wydarzenia_menu_slider_ban {
    position: relative;
    width: 100%;
}
#wydarzenia_menu_slider {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    overflow-x: scroll;
    overflow-y: hidden;
}
.wydarzenie_ban_zew_przeszle, .wydarzenie_ban_zew_teraz, .wydarzenie_ban_zew_przyszle {
    display: grid;
    grid-template-columns: 280px;
    grid-template-rows: 40px auto;
    padding: 10px;
}
.wydarzenie_ban_zew_teraz {
    background: linear-gradient(180deg, #002140 0%, rgba(0, 85, 166, 0) 100%);
}
.wydarzenie_ban_wew {
    grid-row: 2;
    grid-column: 1;
    display: grid;
    grid-template-rows: 300px 50px 80px 350px;
    grid-template-columns: 170px 110px;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    cursor: pointer;
}
.wydarzenie_ban_zew_przeszle .wydarzenie_ban_wew {
    opacity: 80%;
}
.wydarzenie_najblizsze {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: 700;
    color: rgba(94, 202, 252, 1);
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_najblizsze::after {
    content: url('grafika/najblizsze_wydarzenie.png');
    width: 30px;
    margin-left: 10px;
}
.wydarzenie_zdj_ban {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}
.wydarzenie_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.wydarzenie_data {
    grid-row: 2;
    grid-column: 1;
    font-size: 23px;
    font-weight: 700;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_godzina {
    grid-row: 2;
    grid-column: 2;
    font-size: 23px;
    font-weight: 400;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_tytul {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: white;
    margin: 0px 10px;
    text-align: left;
}
.wydarzenie_podpis {
    grid-row: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 10px;
    padding-top: 10px;
    text-align: left;
    border-top: 3px solid #5ECAFC
}
#slider_left, #slider_right {
    display: none;
}
#slider_left img, #slider_right img {
    display: none;
}
.wyd_art {
    display: none;
    position: absolute;
    z-index: 7;
    top: 0px;
    left: 0px;
    width: calc(100% - 40px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0px 20px;
    color: white;
    overflow-y: scroll;
}
.wyd_art .sekcja {
    margin-left: 0px;
    margin-right: 0px;
}
.wyd_art a {
    color: white;
}
.wyd_art h3 {
    font-size: 21px;
    font-weight: 700;
    font-variant: small-caps;
    background: none;
    max-width: 900px;
}
.wyd_art_data {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
.wyd_art_miejsce {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
}
.wyd_art_sep {
    border: 2px solid white;
    width: 100%;
    margin: 10px 0px;
}
.wyd_art_lead {
    font-size: 15px;
    font-weight: 700;
    margin: 30px 0px;
}
.wyd_art h4 {
    font-size: 20px;
    margin: 10px 30px;
}
.zdj_wyd_ban_lewo, .zdj_wyd_ban_prawo {
    display: block;
    width: 300px;
    padding: 0px 20px;
}
.zdj_wyd_ban_lewo {
    float: left;
}
.zdj_wyd_ban_prawo {
    float: right;
}
.zdj_wyd {
    width: 100%;
    position: relative;
    z-index: 6;
    cursor: pointer;
}
.wyd_close {
    position: absolute;
    top: 45px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}
@media (min-width: 500px){
    #tlo_strony.wydarzenia{
        background-image: url("grafika/wydarzenia_tlo.png");
        background-size: contain;
    }
    #wydarzenia_menu_slider_ban {
        width: calc(100% - 100px)
    }
    #slider_left {
        top: 300px;
        left: -50px;
        transform: rotate(90deg);
    }
    #slider_right {
        top: 300px;
        right: -50px;
        transform: rotate(-90deg);
    }
    #slider_left, #slider_right {
        display: block;
        position: absolute;
        margin: 0px;
        padding: 0px;
        background: none;
        border: none;
        cursor: pointer;
    }
    #slider_left img, #slider_right img {
        display: block;
        width: 50px;
        height: 30px;
    }
}
/* Wspomnienia */
#tlo_strony.wspomnienia {
    text-align: center;
    overflow-x: hidden;
    background-image: url('grafika/wspomnienia_tlo_header_mobile.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 800px;
}
#tlo_strony.wspomnienia #header {
    height: 200px;
}
#tlo_strony.wspomnienia #header::after {
    display: none;
    content: none;
}
#wspomnienia_artykuly {
    display: inline-block;
    margin: 20px;
    z-index: 6;
    text-align: left;
}
#wspomnienia_artykuly h2 {
    position: relative;
    font-variant: small-caps;
    font-size: 30px;
    margin: 10px 30px;
    z-index: 5;
}
#wspomnienia_artykuly h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
.zdj_wspomn_ban_lewo, .zdj_wspomn_ban_prawo {
    position: relative;
    display: block;
    max-width: 100%;
    padding: 0px 30px;
    text-align: center;
    z-index: 6;
}
.zdj_wspomn_ban_lewo p, .zdj_wspomn_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 10px;
}
.zdj_wspomn_ban_lewo {
    float: left;
}
.zdj_wspomn_ban_prawo {
    float: right;
}
.zdj_wspomn {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
/* Dokumentacja */
#tlo_strony.dokumentacja {
    text-align: center;
    background: url('grafika/dokumentacja_tlo_mobile.png');
    background-size: contain;
    background-repeat: repeat;
    overflow-x: hidden;
}
@media(min-width: 500px){
    #tlo_strony.dokumentacja {
        background: url('grafika/dokumentacja_tlo_mobile_2.png');
        background-size: contain;
        background-position: center 50px;
        background-repeat: repeat;
    }
}
#tlo_strony.dokumentacja #header {
    height: 230px;
    margin: 0px;
    padding: 0px;
}
#tlo_strony.dokumentacja #header::after {
    top: 150px;
    left: 300px;
}
#dokumentacja_ban{
    position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#dokumentacja_ban a{
    display: inline;
    position: relative;
    text-decoration: none;
    width: fit-content;
}
.dokument_zdj{
    position: relative;
    display: inline-grid;
    width: 240px;
    margin: 10px;
    grid-template-rows: 340px 100px 300px 30px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}
.dokument_zdj a{
    color: white;
    text-decoration: none;
}
.dokument_zdj_ban {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dokument_zdj_ban img {
    max-width: 100%;
    max-height: 100%;
}
.dokument_tytul {
    grid-row: 2;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
}
.dokument_tytul a {
    color: white;
    text-decoration: none;
}
.dokument_opis {
    grid-row: 3;
    font-size: 15px;
    text-decoration: none;
    text-align: left;
}
.dokument_opis a {
    color: white;
    text-decoration: none;
}
.dokument_wiecej {
    grid-row: 4;
    text-align: center;
    font-size: 20px;
    color: #C8E9F8;
}
/* O stronie */
#tlo_strony.o_stronie {
    background-image: url("grafika/o_stronie_tlo.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
}
#tlo_strony.o_stronie #header::after{
    display: none;
}
#o_stronie_artykul {
    position: absolute;
    top: 200px;
    box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 6;
    padding: 10px 0px;
    margin: 20px;
    width: calc(100% - 40px)
}
#o_stronie_artykul h3 {
    position: relative;
    font-size: 20px;
    margin: 10px 30px;
    z-index: 5;
}
#tlo_strony.o_stronie::before {
    content: url(grafika/rect_4.png);
    display: block;
    position: absolute;
    left: 100px;
    top: 800px;
}
.zdj_str_ban_lewo, .zdj_str_ban_prawo {
    position: relative;
    display: block;
    width: 300px;
    padding: 20px 30px;
    text-align: center;
}
.zdj_str_ban_lewo p, .zdj_str_ban_prawo p {
    position: relative;
    z-index: 6;
    margin: 0px;
    margin-top: 10px;
}
.zdj_str_ban_lewo {
    float: left;
}
.zdj_str_ban_prawo {
    float: right;
}
.zdj_str {
    position: relative;
    width: 100%;
    z-index: 6;
    cursor: pointer;
}
/* Stopka */
#footer {
    width: 100%;
    display: grid;
    font-size: 15px;
    background-color: black;
}
#footer_1 {
    grid-row: 1;
    grid-column: 1;
    background-color: black;
    color: white;
    text-align: center;
    height: fit-content;
    text-wrap: wrap;
    padding: 20px;
}
#footer_1 a{
    color: white;
}
#footer_2 {
    grid-row: 2;
    grid-column: 1;
    background-color: black;
    color: white;
    text-align: center;
    height: fit-content;
    text-wrap: wrap;
    padding: 20px;
}
#footer_2 a{
    color: white;
}
#footer_3 {
    grid-row: 4;
    grid-column: 1;
    line-height: 30px;
    background-color: white;
    text-wrap: wrap;
    text-align: center;
    padding: 20px;
}
#footer_logo {
    grid-row: 3;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 20px solid black;
    background-color: white;
}
#footer_logo a{
    height: 100px;
    margin: 0px 10px;
}
#footer_logo a img{
    height: 100px;
}
}
/* CMS */
#formlog_ban {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
#formlog input {
    font-size: 25px;
}
.blad_log {
    position: absolute;
    bottom: 20px;
    color: red;
}
.blad {
    color: red;
    margin: 30px;
    font-size: 20px;
}
h1.h1_cms {
    position: static;
    font-size: 40px;
    margin: 20px;
}
h2.h2_cms {
    font-size: 35px;
    margin: 20px;
}
#cms_menu{
    font-size: 30px;
    color: rgba(0, 85, 166, 1);
}
#cms_menu a{
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
}
.opcja_cms {
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
    margin-left: 50px;
}
.edycja {
    margin: 20px;
}
.edycja textarea {
    width: 800px;
    height: 300px;
    font-size: 20px;
}
.text_duzy {
    width: 800px;
    height: 300px;
    font-size: 20px;
    border: 1px solid black;
    overflow-y: scroll;
}
input[type=submit] {
    font-size: 25px;
}
form.edycja {
    margin: 50px;
    font-size: 20px;
}
form.edycja_mini {
    margin: 0px 50px;
    font-size: 20px;
}
form.edycja_mini label, form.edycja label {
    margin: 5px 0px;
}
form.edycja_mini input, form.edycja input {
    font-size: 20px;
}
form.edycja input[type=text] {
    width: 800px;
}
form.edycja_mini input[type=text] {
    width: 600px;
    margin-bottom: 20px;
}
form.edycja input[type=checkbox] {
    width: 20px;
    height: 20px;
}
form.edycja select {
    font-size: 20px;
}
.cms_zdjecia_ban {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
}
.cms_zdjecie {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
.cms_zdjecie img {
    height: 150px;
}
.cms_zdjecie p {
    font-size: 20px;
    text-align: center;
}
#przesylanie_pliku {
    margin: 50px;
    font-size: 25px;
}
#przesylanie_pliku input[type="file"] {
    font-size: 25px;
}
.info_cms {
    font-size: 25px;
    margin: 50px;
}
.logotyp_w_tekscie {
    display: block;
    height: 150px;
}
#powrot_cms {
    font-size: 30px;
    text-decoration: none;
    color: rgba(0, 85, 166, 1);
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 30px;
}