body{
    background-color:rgb(236, 239, 241);
}

.main__container{
    /*background-color:red;*/

    display: flex;
    flex-direction:column;
    margin: 15px auto auto;
    max-width:652px;
    /*     min-height:290px; */
    position:relative;
    padding-bottom:35px;
}

.menu__header{
    /*   position:absolute; */
    /*background-color:blue;*/
    background-color:white;
    display: flex;
    width:100%;
    /*     min-height:250px; */
    min-height:124px;
}

.menu__header a{
/* 	width: 100%; */
/* 	position: relative; */
}

.menu__header__item{
/* 	left: 0; */
/* 	top: 0; */
    position:absolute;
    min-width:100%;
    min-height:124px;
    transition:all 1s;
    opacity: 0;
	z-index: 1;
    background-position: center;
    background-repeat:no-repeat;
}

.menu__header__item1{
    background-color:#13964d;
}
.menu__header__item2{
}
.menu__header__item3{
}
.menu__header__item4{
}

.menu__header__item--active{
    transition:all 1s;
    opacity: 1;
	z-index: 10;
}

.menu__accent{
    background-color:white;
    display:flex;
    flex-direction:row;
    min-width:100%;
    min-height:4px;
    max-height: 4px;
}

.menu__accent__item1{
    /*background-color:green;*/
    min-width:25%;
}
.menu__accent__item2{
    /*background-color:yellow;*/
    min-width:25%;
}
.menu__accent__item3{
    /*background-color:black;*/
    min-width:25%;
}
.menu__accent__item4{
    /*background-color:brown;*/
    min-width:25%;
}

.menu__navbar{
    /*   position:absolute; */
    /*background-color:yellow;*/
    width:100%;
    min-height:40px;
    display: flex;
    flex-direction:row;
}

.menu__navbar__item{
    background-color:white;
    width:25%;
    display:flex;
    /*   flex-direction:column; */
    justify-content: center;
    align-items: center;
    border: none;

}

.menu__navbar__item1{
    /*background-color:blue;*/
}

.menu__navbar__item2{
    /*background-color:brown;*/
}

.menu__navbar__item3{
    /*background-color:orange;*/
}

.menu__navbar__item4{
    /*background-color:green;*/
}

.menu__navbar_item_text{
    font-family: Open Sans,sans-serif;
    font-size: 14px;
}



/* wersja pisana pod lodzia na postoju postoju */

/*@media only screen and (max-width: 600px) {*/
@media only screen and (max-device-width: 600px) {

    .menu__navbar__item{display:none;}

    .menu__accent{
        justify-content:center;
    }

    .menu__accent__item1,
    .menu__accent__item2,
    .menu__accent__item3,
    .menu__accent__item4{
        margin: 13px 5px 0px 5px;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        min-width:0%;
        background-color: grey;
    }

    .menu__header__item{
        background-size: 100% 100%;
        /*     object-fit: contain; */
        min-height:150px;
    }

    .menu__header{
        min-height:150px;
    }

}

/*@media only screen and (max-width: 550px) {*/
@media only screen and (max-device-width: 550px) {
    .menu__header__item{
        background-size: 100% 100%;
        min-height:130px;
    }
    .menu__header{
        min-height:130px;
    }

}

/*@media only screen and (max-width: 500px) {*/
@media only screen and (max-device-width: 500px) {
    .menu__header__item{
        background-size: 100% 100%;
        min-height:115px;
    }
    .menu__header{
        min-height:115px;
    }

}

/*@media only screen and (max-width: 450px) {*/
@media only screen and (max-device-width: 450px) {
    .menu__header__item{
        background-size: 100% 100%;
        min-height:100px;
    }
    .menu__header{
        min-height:100px;
    }

}

/*@media only screen and (max-width: 400px) {*/
@media only screen and (max-device-width: 400px) {
    .menu__header__item{
        background-size: 100% 100%;
        min-height:80px;
    }
    .menu__header{
        min-height:80px;
    }

}

.menu__accent__item--active{
    background-color:#ff5a00;
}

.menu__navbar__item .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: white!important;
}