/* Define a new font face family */
            @font-face {
                font-family: 'Brittany Signature';
                src: url('../fonts/BrittanySignature.eot');
                src: url('../fonts/BrittanySignature.eot?#iefix') format('embedded-opentype'),
                    url('../fonts/BrittanySignature.woff2') format('woff2'),
                    url('../fonts/BrittanySignature.woff') format('woff'),
                    url('../fonts/BrittanySignature.ttf')  format('truetype'),
                    url('../fonts/BrittanySignature.svg#Brittany Signature') format('svg');
                font-display: swap;
            }
            /* latin-ext */
            @font-face {
                font-family: 'Audiowide';
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v8/l7gdbjpo0cum0ckerWCdmA_OMRlABolM.woff2) format('woff2');
                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
            }
            /* latin */
            @font-face {
                font-family: 'Audiowide';
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v8/l7gdbjpo0cum0ckerWCdlg_OMRlABg.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }
            /* Style the navbar */
            #navbar {
                overflow: hidden;
                background-color: #333;

            }

            /* Navbar links */
            #navbar a {
                float: left;
                display: block;
                color: #f2f2f2;
                text-align: center;
                padding: 14px;
                text-decoration: none;
            }

            /* Page content */
            .content {
                padding: 16px;
            }

            /* The sticky class is added to the navbar with JS when it reaches its scroll position */
            .sticky {
                position: fixed;
                top: 0;
                width: 100%;
            }

            /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
            .sticky + .content {
                padding-top: 50px;
            } 
            .shiftingtiles {
                position: absolute;
                height: 96%;
                width: 100%;
            }

            body, html {
                height: 100%;
                margin: 0;
                font: 400 15px/1.8 "Lato", sans-serif;
                color: #777;
            }

            .bgimg-1, .bgimg-2, .bgimg-3 {
                position: relative;
                opacity: 1.0; /* 0.85 */
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;

            }
            .bgimg-1 {
                /* background-image: url("images/ac-cobra/88B1A08D-35EC-4074-A2D7-B75C6E967688.jpeg"); */
                /* background-image: url("images/unique-autocraft-cobra/UNIQUE-AUTOCRAFT-PHYTHON.jpg"); */
                /* background-image: url("gallery/IMG_3734.JPG"); */
                /* background-image: url("gallery/IMG_3851.jpeg"); */
                background-image: url("../logo.jpg");
                height: 100%;
            }

            .caption {
                position: absolute;
                left: 0;
                top: 40%;
                width: 100%;
                text-align: center;
                color: #000;
            }

            .caption span.border {
                /*background-color: #111;*/
                color: #fff;
                padding: 18px;
                font-size: 25px;
                letter-spacing: 10px;
            }

            h3 {
                letter-spacing: 5px;
                text-transform: uppercase;
                font: 20px "Lato", sans-serif;
                color: #111;
            }

            .ct-btn-scroll {
                width: 49px;
                height: 49px;
                position: absolute;
                bottom: 15%;
                left: 0;
                right: 0;
                margin: auto;
                padding-top: 50px;
                z-index: 100009;
                border-radius: 50%;
                -webkit-transition: background-color 0.25s ease-in-out;
                transition: background-color 0.25s ease-in-out;
            }
            .ct-btn-scroll2 {
                width: 49px;
                height: 49px;
                position: absolute;
                bottom: 10%;
                left: 0;
                right: 0;
                margin: auto;
                padding-top: 0px;
                z-index: 100009;
                border-radius: 50%;
                -webkit-transition: background-color 0.25s ease-in-out;
                transition: background-color 0.25s ease-in-out;
            }

            #myBtn {
                display: none;
                position: fixed;
                bottom: 20px;
                right: 30px;
                z-index: 99;
                font-size: 18px;
                border: none;
                outline: none;
                background-color: red;
                color: white;
                cursor: pointer;
                padding: 15px;
                border-radius: 4px;
            }

            #myBtn:hover {
                background-color: #555;
            }
            html {
                scroll-behavior: smooth;
            }