@media (max-width: 800px) {

    #header
    {
        padding: 5em 0em;
    }

    .homepage #header
    {
        margin: 0 auto;
        padding: 10em 0em;

    }

    #header .container
    {
    }

    /*********************************************************************************/
    /* Logo                                                                          */
    /*********************************************************************************/

    #logo
    {
        margin-bottom: 3em;
    }

    #logo h1
    {
        color: #FFF;
    }

    #logo h1 a
    {
        display: block;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 4em;
        font-weight: 900;
        color: #323338;
    }


    #logo h2
    {
        color: #fff;
    }

    #logo h2 a
    {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 900;
        color: #fff;
    }



    #logo span
    {
        display: block;
        padding-top: 1em;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 1.2em;
        color: #8e8588;
    }


    /*********************************************************************************/
    /* Banner                                                                        */
    /*********************************************************************************/

    #banner {
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 30px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
    }

    #banner .banner-border {
        padding: 20px;
        background: #FFFFFF;
    }

    #banner a img {
        display: block;
        width: 100%;
    }


    /*********************************************************************************/
    /* Page Wrapper                                                                  */
    /*********************************************************************************/

    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .toggle-button {
        display: flex;
    }

    .navbar-links {
        display: none;
        width: 100%;
    }

    .navbar-links ul {
        width: 100%;
        flex-direction: column;
    }

    .navbar-links ul li {
        text-align: center;
    }

    .navbar-links ul li a {
        padding: .5rem 1rem;
    }

    .navbar-links.active {
        display: flex;
    }

    .front_slide
    {
       ;
        padding-top: 100px;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }



    .slideshow {
        min-height: 400px; /* Adjust the minimum height as needed */
        
    }





    .hero_boxes
    {
        width: 100%;
        height: auto;
        padding-top: 110px;
        margin-bottom: 110px;
    }

    .hero_box
    {
        padding-left: 50px;
    }
    .hero_box_col
    {
        margin-bottom: 30px;
    }
    .hero_box_col:last-child
    {
        margin-bottom: 0px;
    }

    .slide-text{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.5em; /* Adjust the font size as needed */
        font-weight: 700;
    }



}