body{
    /*background-image: url("fon.jpg");
     *    background-size: cover;*/
    background:url("../images/background.jpg") no-repeat center center fixed; /* dostosuj sobie */
    -webkit-background-size: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 5rem;
}
header, .header{
    background-color: rgba(0, 0, 0, 0.7);
}
navmenu>ul, .navmenu>ul{
    background-color: rgba(0, 0, 0, 0.2);
}

.navmenu a{
    color: white;
}

.main-section{
    background-color: rgba(0, 0, 0, 0);
    min-height: 85vh;
}

.col-content-left{
    margin-right:2em;
    margin-bottom: 10px;
    max-height: 80vh; overflow-y: auto; overflow-x: hidden;
}
.col-content{
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    width:100%;
    padding: 5px;
    border-radius: 5px;
}
.container-bg-color{
    background-color: rgba(0, 0, 0, 0.7);
}
footer, .footer{
    background-color: rgba(0, 0, 0, 0.7);

}
.content-text{
    margin: 1em;
}
.footer1{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer .copyright{
    padding: 0px;
}
.search-menu {
    padding:0px 5px;
    margin-bottom:10px;
}
.item-0{
    background-color:  red;
}
.item-1{
    background-color:  orange;
}
.item-2{
    background-color: yellow;
}
.item-3{
    background-color:  green;
}
.circle {
    width: 0.5em; /* Średnica kółka */
    height: 0.5em;
    margin-top: 0.5em;
    margin-right: 0.5em;
    border-radius: 50%; /* Wypełnione kółko */
}
.nav-item{
    display: flex;
}
@media (max-width: 991px)
{
    .scrollable-menu {
        max-height: 200px; /* Maksymalna wysokość */
        overflow-y: auto; /* Pionowy scroll */
    }
}
.hidden{
    display:none;
}
.pbold
{
    font-weight: bold;
}