* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    }

    .mobileNav{
        display: none;
    }
    .xtra{
        display: none;
    }

    /* Custom style to replace the default hamburger icon with a white one */
    .navbar-toggler-icon {
    background-image: none; /* Remove default background image */
    }

    .navbar-toggler-icon::before {
    content: "\2630"; /* Unicode character for hamburger icon */
    font-size: 1.5rem; /* Adjust size as needed */
    color: white; /* Set the icon color to white */
    }

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

        html{
        overflow-x: hidden;
        }

        .mobileNav{
            display: block;
        }

        body{
            margin: 0;
            overflow-x: hidden;
        }

        .desktopNav{
            display: none;
        }
        .lgn-logo{
            display: none;
        }
        .lgn-form{
            margin-top: 20%;
        }
        .xtra{
            display: block;
        }
    }