body,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family: "Lato", sans-serif;
            }

            body,
            html {
                height: 100%;
                color: #858585;
                line-height: 1.8;
                scroll-behavior: smooth;
            }

            /* Create a Parallax Effect */
            .bgimg-1,
            .bgimg-2,
            .bgimg-3,
            .bgimg-4 {
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            /* First image (Logo. Full height) */
            .bgimg-1 {
                background-image: url('img/1.jpg');
                min-height: 100%;
            }

            /* Second image (Portfolio) */
            .bgimg-2 {
                background-image: url("img/14.jpg");
                min-height: 400px;
            }

            /* Third image (Contact) */
            .bgimg-3 {
                background-image: url("img/13.jpg");
                min-height: 400px;
            }

            .bgimg-4 {
                background-image: url("img/11.jpg");
                min-height: 400px;
            }

            .w3-wide {
                letter-spacing: 10px;
            }

            .w3-hover-opacity {
                cursor: pointer;
            }

            .shadow {
                -webkit-box-shadow: 2px 8px 45px -15px rgba(66, 68, 90, 1);
                -moz-box-shadow: 2px 8px 45px -15px rgba(66, 68, 90, 1);
                box-shadow: 2px 8px 45px -15px rgba(66, 68, 90, 1);
            }

            li{
                border:0px solid white!important;
            }

            /* style dla iPhone 13 w pionie */
            /* @media only screen and (min-width: 390px) and (max-width: 480px) and (orientation: portrait) {
             .bgimg-1,
                .bgimg-2,
                .bgimg-3,
                .bgimg-4 {
                    background-attachment: scroll;
                    min-height: 400px;
                }
                #logo{
                    width: 25%;
                    
                }
            } */

            /* Turn off parallax scrolling for tablets and phones */
           @media only screen and (max-device-width: 1400px) {

                /* .bgimg-1,
                .bgimg-2,
                .bgimg-3,
                .bgimg-4 {
                    background-attachment: scroll;
                    min-height: 400px;
                }*/

                #logo{
                    width: 25%;
                    
                }


            }


            @media only screen and (max-device-width: 800px) {

                #logo{
                    width: 30%;
                    
                }


            }