@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

:root {
    --primary-color: #0056b3;
        --secondary-color: #004085;
            --accent-color: #e67e22;
                --text-color: #333;
                    --light-gray: #f4f4f4;
                        --dark-gray: #555;
                            --black-overlay: rgba(0, 0, 0, 0.6);
                            }

                            body {
                                font-family: 'Roboto', sans-serif;
                                    margin: 0;
                                        padding: 0;
                                            background-color: var(--light-gray);
                                                color: var(--text-color);
                                                    line-height: 1.6;
                                                        overflow-x: hidden;
                                                        }

                                                        .main-wrapper {
                                                            transition: transform 0.4s ease-in-out;
                                                            }

                                                            .container {
                                                                width: 90%;
                                                                    max-width: 1200px;
                                                                        margin: auto;
                                                                            padding: 20px;
                                                                            }

                                                                            header {
                                                                                position: relative;
                                                                                    height: 450px; /* Zwiększona wysokość */
                                                                                        overflow: hidden;
                                                                                            background: var(--black-overlay);
                                                                                                display: flex;
                                                                                                    flex-direction: column;
                                                                                                        align-items: center;
                                                                                                            justify-content: center;
                                                                                                                text-align: center;
                                                                                                                    color: white;
                                                                                                                    }
                                                                                                                    header::before {
                                                                                                                        content: '';
                                                                                                                            position: absolute;
                                                                                                                                top: 0;
                                                                                                                                    left: 0;
                                                                                                                                        width: 100%;
                                                                                                                                            height: 100%;
                                                                                                                                                background-image: url('images/hero-bg.jpg');
                                                                                                                                                    background-size: cover;
                                                                                                                                                        background-position: center;
                                                                                                                                                            filter: brightness(0.5);
                                                                                                                                                                z-index: -1;
                                                                                                                                                                }
                                                                                                                                                                header h1 {
                                                                                                                                                                    font-size: 4.5em; /* Zwiększony rozmiar */
                                                                                                                                                                        margin: 0;
                                                                                                                                                                            font-weight: 700;
                                                                                                                                                                                letter-spacing: 2px;
                                                                                                                                                                                    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
                                                                                                                                                                                    }
                                                                                                                                                                                    header p {
                                                                                                                                                                                        font-size: 1.8em; /* Zwiększony rozmiar */
                                                                                                                                                                                            margin: 10px 0 0;
                                                                                                                                                                                                font-weight: 300;
                                                                                                                                                                                                }

                                                                                                                                                                                                /* Styl dla nagłówków na podstronach */
                                                                                                                                                                                                .subpage-header {
                                                                                                                                                                                                    height: 200px;
                                                                                                                                                                                                    }
                                                                                                                                                                                                    .subpage-header h1 {
                                                                                                                                                                                                        font-size: 3em;
                                                                                                                                                                                                        }
                                                                                                                                                                                                        .subpage-header p {
                                                                                                                                                                                                            font-size: 1.2em;
                                                                                                                                                                                                            }

                                                                                                                                                                                                            /* Nowa nawigacja boczna jako tło */
                                                                                                                                                                                                            .sidebar-menu {
                                                                                                                                                                                                                position: fixed;
                                                                                                                                                                                                                    top: 0;
                                                                                                                                                                                                                        right: -100%; /* Ukryta na całej szerokości */
                                                                                                                                                                                                                            width: 100%;
                                                                                                                                                                                                                                height: 100%;
                                                                                                                                                                                                                                    background-color: var(--black-overlay);
                                                                                                                                                                                                                                        padding-top: 60px;
                                                                                                                                                                                                                                            transition: right 0.4s ease-in-out;
                                                                                                                                                                                                                                                z-index: 2000;
                                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                                        flex-direction: column;
                                                                                                                                                                                                                                                            align-items: center;
                                                                                                                                                                                                                                                                justify-content: center;
                                                                                                                                                                                                                                                                    text-align: center;
                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                    .sidebar-menu.active {
                                                                                                                                                                                                                                                                        right: 0;
                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                        .sidebar-menu a {
                                                                                                                                                                                                                                                                            padding: 20px 0;
                                                                                                                                                                                                                                                                                text-decoration: none;
                                                                                                                                                                                                                                                                                    font-size: 2em;
                                                                                                                                                                                                                                                                                        font-weight: 700;
                                                                                                                                                                                                                                                                                            color: white;
                                                                                                                                                                                                                                                                                                display: block;
                                                                                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                                                                                        transition: background-color 0.3s;
                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                        .sidebar-menu a:hover {
                                                                                                                                                                                                                                                                                                            background-color: var(--primary-color);
                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                            .close-btn {
                                                                                                                                                                                                                                                                                                                position: absolute;
                                                                                                                                                                                                                                                                                                                    top: 20px;
                                                                                                                                                                                                                                                                                                                        right: 25px;
                                                                                                                                                                                                                                                                                                                            font-size: 2.5em;
                                                                                                                                                                                                                                                                                                                                color: white;
                                                                                                                                                                                                                                                                                                                                    cursor: pointer;
                                                                                                                                                                                                                                                                                                                                        text-decoration: none;
                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                        .menu-toggle {
                                                                                                                                                                                                                                                                                                                                            position: fixed;
                                                                                                                                                                                                                                                                                                                                                top: 20px;
                                                                                                                                                                                                                                                                                                                                                    right: 20px;
                                                                                                                                                                                                                                                                                                                                                        font-size: 2em;
                                                                                                                                                                                                                                                                                                                                                            color: white;
                                                                                                                                                                                                                                                                                                                                                                cursor: pointer;
                                                                                                                                                                                                                                                                                                                                                                    z-index: 2001;
                                                                                                                                                                                                                                                                                                                                                                        background: var(--black-overlay);
                                                                                                                                                                                                                                                                                                                                                                            padding: 5px 10px;
                                                                                                                                                                                                                                                                                                                                                                                border-radius: 5px;
                                                                                                                                                                                                                                                                                                                                                                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
                                                                                                                                                                                                                                                                                                                                                                                        transition: transform 0.4s ease-in-out;
                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                        .menu-toggle:hover {
                                                                                                                                                                                                                                                                                                                                                                                            transform: scale(1.1);
                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                            /* Reszta stylów */
                                                                                                                                                                                                                                                                                                                                                                                            .section {
                                                                                                                                                                                                                                                                                                                                                                                                background: white;
                                                                                                                                                                                                                                                                                                                                                                                                    padding: 40px;
                                                                                                                                                                                                                                                                                                                                                                                                        margin-top: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                            border-radius: 10px;
                                                                                                                                                                                                                                                                                                                                                                                                                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                                .section h2 {
                                                                                                                                                                                                                                                                                                                                                                                                                    color: var(--primary-color);
                                                                                                                                                                                                                                                                                                                                                                                                                        font-weight: 700;
                                                                                                                                                                                                                                                                                                                                                                                                                            text-align: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                margin-bottom: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                    position: relative;
                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                    .section h2::after {
                                                                                                                                                                                                                                                                                                                                                                                                                                        content: '';
                                                                                                                                                                                                                                                                                                                                                                                                                                            display: block;
                                                                                                                                                                                                                                                                                                                                                                                                                                                width: 60px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                    height: 4px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                        background: var(--accent-color);
                                                                                                                                                                                                                                                                                                                                                                                                                                                            margin: 10px auto 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                            .text-and-image {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                display: flex;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    align-items: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        gap: 40px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .text-and-image img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            max-width: 50%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                height: auto;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    border-radius: 8px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .gallery-grid {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            display: grid;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    gap: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        margin-top: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .gallery-item {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            overflow: hidden;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                border-radius: 8px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        transition: transform 0.3s;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .gallery-item:hover {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            transform: scale(1.03);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .gallery-item img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                width: 100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    height: 200px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        object-fit: cover;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            display: block;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            .contact-info {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                text-align: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    margin-top: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    .contact-info p {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        font-size: 1.1em;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            margin: 10px 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            footer {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                background-color: var(--dark-gray);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    color: white;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        text-align: center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            padding: 20px 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                margin-top: 40px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                footer p {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    margin: 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    @media (max-width: 768px) {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .text-and-image {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                flex-direction: column;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        .text-and-image img {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                max-width: 100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                              .centered-logo {
                                                                                                                  display: block;
                                                                                                                    margin-left: auto;
                                                                                                                      margin-right: auto;
                                                                                                                      }
                                                                                                                      
                                                                                                              }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }