body {
                margin: 0;

                padding: 20px;
                font-family: 'Montserrat', Arial, Helvetica, sans-seri;
                background-color: white;
            }

            a {
                text-decoration: none;
                color: black;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }

            a:hover {
                color: #42775f;
                text-decoration: none;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }

            .img-gray-scale {
                filter: grayscale(100%);
            }

            .navbar-nav>li {
                padding-left: 3.8em;
                padding-right: 3.8em;
                font-weight: 400;
                color: black;
                font-size: 18px;
            }

            a.navbar-brand>img {
                margin-right: 10px;
            }

            a.navbar-brand {
                font-size: 18px;
                font-weight: 400;
            }

            .bd-text {
                font-size: 18px;
                color: rgb(0, 0, 0);
                font-weight: 400;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }

            .header-img-wrapper {
                position: relative;
            }

            .header-logo-responsive {
                /* Desktop: lewy górny róg, 1/3 szerokości headera, 10px od krawędzi */
                left: 10px;
                top: 10px;
                width: 50%;
                max-width: 300px;
                min-width: 80px;
                height: auto;
                z-index: 2;
                transform: none;
            }

            .container-fluid {
                max-width: 1260px;
            }

            /* footer */

            .footer-black {
                background-color: #1d1d1b;
                color: white;
                font-size: 10px;
                margin: 0;
                margin-left: -15px;
                margin-right: -15px;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
                padding-top: 10px;
            }

            .footer-black li {
                list-style-type: none;
                display: inline;
                margin-left: 0;
                padding: 0;
                text-decoration: none;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }

            .footer-black a {
                font-size: 12px;
                padding-bottom: 5px;
                margin-left: 10px;
                margin-top: 20px;
                margin-right: 10px;
                text-decoration: none;
                color: white;
            }

            .footer-black p {
                margin-right: 10px;
            }

            .brake {
                padding-top: 40px;
                padding-bottom: 40px;
            }

            .bg-2 {
                background-color: #fadaa6;
            }

            .bg-1 {
                background-color: #fafafa;
            }

            .btn-sm {
                background-color: #cf9a49;
                border: none;
                border-radius: 0;
                min-width: 100px;
                padding-left: 12px;
                padding-right: 12px;
                padding-top: 10px;
                padding-bottom: 10px;
                margin-right: 15px;
            }

            .btn-sm:hover {
                background-color: black;
            }

            h2 {
                /* padding-left: 50px; */
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }

            .head-pages {
                padding-left: 0px;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
                font-size: 50px;
                margin-top: 2em;
            }

            p {
                margin-bottom: 2px;
            }

            .text-padding50 {
                padding: 50px;
            }

            .brown-text {
                color: #cf9a49;
                font-weight: 400;
            }

            .green-text {
                color: #42775f;
                font-weight: 400;
            }

            h1 {
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
                padding-left: 6em;
                padding-top: 1em;
                position: absolute;
                font-size: 50px;
            }

            .p-absolute {
                position: absolute;
                padding-left: 39em;
                padding-top: 7em;
                font-family: 'Montserrat', Arial, Helvetica, sans-serif;
            }



            @media (max-width: 1264px) {
                .navbar-nav>li {
                    font-weight: 400;
                    color: black;
                    font-size: 18px;
                    padding-left: 2em;
                    padding-right: 2em;
                }

                .header-img-mobile {
                    width: 100vw !important;
                    height: 75vh !important;
                    object-fit: cover;
                    display: block;
                }

                .header-logo-responsive {
                    /* Na mobile: 1/3 szerokości header.jpg, wyśrodkowane */
                    left: 50%;
                    top: 30%;
                    transform: translate(-50%, -50%);
                    width: 100vw;
                }

                h1 {
                    font-size: 33px;
                    padding-left: 1em;
                    padding-top: 0.5em;
                }

                .p-absolute {
                    font-size: 14px;
                    padding-top: 4em;
                    padding-left: 15em;
                }

            }

            @media (max-width: 1000px) {
                h1 {
                    font-size: 30px;
                    padding-left: 1em;

                }

                .p-absolute {
                    font-size: 14px;
                    padding-top: 3.2em;
                    padding-left: 12em;
                }

                .float-right {
                    float: none !important;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 15px;
                }

                .float-left {
                    float: none !important;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    margin-bottom: 15px;
                }

                h3 {
                    text-align: center;
                }

                p {
                    text-align: center;
                }

                .btn-sm {
                    min-width: 80%;
                }



            }

            .padding-text-20 {
                padding-bottom: 20px;
            }


            @media (max-width: 430px) {
                h1 {
                    font-size: 26px;
                    padding-top: 0.3em;
                    margin: 0 auto;
                    text-align: center;
                    display: block;
                    position: static;
                    /* lub usuń jeśli niepotrzebne */
                }

                .p-absolute {
                    font-size: 14px;
                    padding-top: 0.3em;
                    padding-left: 8em;
                    text-align: center;
                }


                .float-right {
                    float: none !important;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 15px;
                }

                .float-left {
                    float: none !important;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    margin-bottom: 15px;
                }

                h3 {
                    text-align: center;
                }

                p {
                    text-align: center;
                }

                .text-padding50 {
                    padding: 20px;
                }

                .header-logo-responsive {
                    /* Na mobile: 1/3 szerokości header.jpg, wyśrodkowane */
                    left: 50%;
                    top: 30%;
                    transform: translate(-50%, -50%);
                    width: 100vw;
                }

                body {
                    padding: 2px
                }

            }