:root {
    --color-dpl-1: #478cbf;
    ;
    --color-dpl-2: #777676;
    --color-dpl-3: #faf6f4;
    --color-dpl-4: #f5f1e3ff;
}

#diocese_logo {
    cursor: grab;
}



.dh3_container_header_grid {
    grid-template-columns: 100px auto 100px;
}

.dh3_container_header_grid>a>img.logo {
    width: 150px !important;
}

.dh3_container_header_grid> :nth-child(1) {}

.dh3_container_header_grid> :nth-child(2) {
    display: none;
    visibility: hidden;
}

.dh3_container_header_grid> :nth-child(3) {
    background-image: url('/assets/menu-logo-with-text.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 133px;
    background-position-x: center;
}

.dh3_container_header_grid> :nth-child(4) {
    order: 4;
}


.main_title {
    display: none;
}


.nav_logo_mobile_header {
    background-image: url('/assets/favicon/favicon152.png');
}

.backround_picture_moving {
    position: relative;
    float: left;
    background-image: url('/htmlFragments/mainimg.jpg');
    background-position: center;
    height: 400px;
    width: 100%;
    animation-duration: 60s;
    animation-name: zoom-in;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


@keyframes zoom-in {
    0% {

        background-position-y: 93%;
        background-position-x: 98%;
        background-size: 200% auto;
    }

    20% {
        background-size: 150% auto;
    }

    100% {
        background-position-y: 50%;
        background-position-x: 50%;
        background-size: 100% auto;
    }
}


.backround_picture_moving>p {
    color: #474242;
    font-size: x-large;
}


body {
    font-family: "Montserrat-Light", sans-serif;
}

#container_header {
    margin: 0px;
    background-color: #478cbf;
}

#container_mobile_header,
#container_desktop_header {
    background-color: white;
}




p {
    text-align: justify;
    text-justify: inter-word;
    font-size: 17px;

}

p.main_title {
    font-size: 28px;
    text-align: center;
    font-weight: 900;
    color: gray;
}


h1 {
    font-size: 36px;
    text-align: center;
    color: #000;
    text-transform: none;
    margin-top: 26px;
    margin-bottom: 15px;
}

h2 {
    font-size: 27px;
    text-transform: none;
    margin-bottom: 8px;
}

h3 {
    font-weight: bold;
}

.mainpage_picture {
    height: unset;
}

#main_pagorki {
    width: 318px;
}

.standard.mainpage_ogloszenia {
    justify-content: center;
}

.sz_spec_el h3 {
    font-size: 17px;
    font-weight: 600;
}

.sz_spec_el p {
    text-align: center;
}

li {
    font-size: 17px;
}

.nav>li>a {
    font-size: 12px;
}

.nav a {
    padding: 0.8em 1.1em;
}

.sakramenty a.more {
    display: none;
}

.grupy a.more {
    display: none;
}

.grupy a.more {
    display: none;
}

.koscioly a.more {
    display: none;
}

.charytatywna a.more {
    display: none;
}

.duszp_akt a.more {
    display: none;
}

.duszp_dawni a.more {
    display: none;
}

section.article {
    max-width: 900px;
}

.header_right_part {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.header_right_part div:first-of-type {
    margin-right: 10px;
}

#szkola_where img {
    opacity: 1;
}

#szkola_where h1 {
    font-weight: bold;
}

#szkola_where p {
    font-weight: 700;
}

#szkola_where a {
    border-color: #000;
    color: #000;
}

.main_mobileapp_dwnl {
    background-color: rgba(231, 231, 231, 0.45);
    color: black;
    margin: 2px 0px;
    padding-left: 10px;
    border-radius: 9px;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.main_mobileapp_dwnl:hover {
    background-color: white;
    text-decoration: none;
}

.event_container p {
    text-align: center;
    text-justify: inter-word;
}

.opis p {
    text-align: center;
}

#container_header_grid {
    margin: 0px;
    display: grid;
    grid-template-columns: 140px auto 140px;
    grid-template-rows: 100px;
    color: black;
    width: 1200px;
    margin: auto;
    align-items: center;
    margin-top: 29px;
    margin-bottom: 29px;
}

#container_header_grid .social_links {
    grid-column-start: 1;
    grid-column-end: 1;
}

#container_header_grid .left_head_bielefeld {
    grid-column-start: 2;
    grid-column-end: 2;
    text-align: right;
    margin-bottom: 0px;
}

#container_header_grid .logo {
    grid-column-start: 3;
    grid-column-end: 3;
    height: 90px;
    text-align: center;
    margin: auto;
}

#container_header_grid .right_head_bielefeld {
    grid-column-start: 4;
    grid-column-end: 4;
    text-align: left;
    margin-bottom: 0px;
}

#container_header .mid_container {
    align-items: center;
}

#container_header .mid {
    width: 750px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    color: black;
    align-items: center;
}

#container_header .mid p {
    font-size: 24px;
    margin-bottom: 0px;
}

.call_and_email {
    display: flex;
    align-items: center;
    color: gray;
}

.call_and_email img {
    margin: 10px;
}

.footer_main {
    background-color: #a4aeaa;
    background-color: #478cbf;
    ;
}

.footer_main a {
    color: gray;
}


#tower2 {
    text-align: center;
}

#tower3 {
    display: flex;
    flex-direction: column;
    text-align: right;
}

#top_contact,
#top_appdownload {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}

#top_contact>span,
#top_appdownload>span {
    font-variant: small-caps;
    font-size: larger;
    font-weight: bold;
}

#top_contact .contact,
#top_appdownload .contact {
    display: flex;
    flex-direction: column;
}

#szkola_specifika_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;
}

.sz_spec_el {
    text-align: center;
    margin: 14px;
    width: 215px;
}

#szkola_grono_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;
}

h2.customHtmlTitle {
    text-align: center;
}

.szkolaCustom p {
    text-align: center;
}

.szkolaCustom h3 {
    text-align: center;
    font-size: large;
}

.sz_spec_el img {
    margin: auto;
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
}

.szkolaMotto p {
    text-align: center;
}

.app_downl {
    width: 100px;
}

.sz_grono_el {
    text-align: center;
    margin: 14px;
    width: 215px;
}

.sz_grono_el p {
    text-align: left;
}

.sz_grono_el img {
    margin: auto;
    width: 180px;
    height: 180px;
    margin-bottom: 10px;
}


.sz_toc_el {
    text-align: center;
    margin: 14px;
    width: 215px;
}

.sz_toc_el h3 {
    color: black;
}

.sz_toc_el img {
    margin: auto;
    width: 180px;
    height: 180px;
    margin-bottom: 10px;
}

#logo_szkoly {
    text-align: center;
}

#icon_toggle_menu {
    color: black;
}

.logo_cont {
    text-align: center;
}

#apps_dwnld {
    text-align: right;
}

.standard.main_koscioly {
    max-width: unset;
    max-width: unset;
    margin-top: 44px;
}

.main_koscioly .foto {
    width: 220px;
    height: 220px;
}


#podpis_wyszynski {
    width: 180px;
}

#fixedartfirstpage>.section_header_picture {
    display: none;
}

@media (max-width: 768px) {


    #podpis_wyszynski {
        width: 110px;
    }

    .nav_logo_mobile_header {
        background-image: url('/assets/menu-logo-with-text.png');
        background-size: contain;
        background-repeat: no-repeat;
        height: 133px;
        background-position-x: center;
        width: 200px;
    }


    .backround_picture_moving {
        height: 170px;
    }

    .backround_picture_moving p {
        font-size: x-small;
    }

    #top_contact {
        display: none;
    }

    #container_header .mid {
        margin-left: 0px;
        padding-left: 0px;
    }

    #container_header .logo {
        height: 70px;
        margin: 9px;
    }

    #container_header_grid .left_head_bielefeld {
        display: none;
    }

    #container_header_grid .right_head_bielefeld {

        display: none;
    }

    #container_header_grid {
        grid-template-columns: 67px auto 67px;
        grid-template-rows: 40px;
    }



    p.main_title {
        font-size: 14px;
    }

    #main_pagorki {
        width: 143px;
    }

    #logo_freiburg {
        width: 57px;
    }

    .app_downl {
        width: 57px;
        margin-right: 7px;
    }


}