body {
    color: #746b6c;
    font-family: 'Lora'
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px;
}

.slider-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px;
}

.logo-link {
    text-decoration: none;
}

.logo-link:hover {
    text-decoration: underline;
}

.logo-container {
    position: relative;
}

.logo-image {
    position: absolute;
    height: 89px;
    top: -20px;
    right: 0px;
    transform: rotate(30deg);
}

.logo-text {
    font-size: 1.5rem;
    color: #333;
    margin-top: 10px;
    padding-right: 37px;
    color: #746b6c;
    font-family: 'Lora'
}

@media (min-width: 600px) {
    header ul.wp-block-page-list li {
        margin-left: 15px;
        position: relative; /* Dodajemy pozycjonowanie do umieszczenia linii jako pseudo-element */
    }

    header ul.wp-block-page-list li:not(:last-child)::after { /* Dodajemy pseudo-elementy linii między elementami menu */
        content: '';
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        width: 1.3px;
        height: 20px;
        background-color: #746b6c;
    }
}

.nawigacja-galerie {
    margin: 0 auto;
    max-width: 1280px;
    padding: 30px;
    gap: 30px;
}

.nawigacja-galerie > .wp-block-cover {
    min-height: 600px;
    padding: 0;
}

.nawigacja-galerie a {
    height: 100%;
    display: block;
    text-decoration: none;
    padding: 30px;
}

.nawigacja-galerie a:hover {
    text-decoration: underline;
}

.nawigacja-galerie > .wp-block-cover > div {
    height: 100%;
}

.nawigacja-galerie > .wp-block-cover > div > p {
    height: 100%;
}

@media (max-width: 800px) {
    .nawigacja-galerie > .wp-block-cover {
        min-height: 400px;
    }
}

h2 {
    display: block;
    width: 100%;
}

.nawigacja-galerie .wp-block-cover__background {
    opacity: 0;
}

.w100 {
    width: 100%;
}