.secondary-bg{
    background-color: var(--col2);
}
.primary-bg{
    background-color: var(--col3);
}
.box{
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    gap: 12px;
    border-radius: 12px;
}

video.monty{
    flex: 1;
    max-width: 80vw;
}
video.chlebik{
    flex: 1;
    max-width: 100%;
}

@media (min-width:800px) {
    video.monty{
        max-width: 20vw;
    }
    video.chlebik{
        max-width: 40vw;
    }
}

ul>li,ul>p{
    margin-bottom: 12px;
}
ul>p{
    margin-left: -40px;
}

section.gallery{
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    padding: 48px 5%;
    box-sizing: border-box;
}
section.gallery>*{
    width: 90%;
}
@media (min-width:800px) {
    section.gallery>*{
        width: 30%;

    }
    section.gallery{
    padding: 48px 10%;
    }
}
.gallery.nbp{
    padding-bottom: 0px ;
    margin-bottom: -36px;
}
.column.nbp{
    margin-top: -12px;
    padding-bottom: 0;
    margin-bottom: 0;
}