#areal {

        width: 100%;

        margin: auto;

        position: static;

        height: 0px;

        z-index: 2;

    

    }



    #areal img{

        z-index: 2;

        position: fixed;

        left: 50%;

        top: 10px;

        height: auto;

        width: 200px;

		margin-left: -100px;

    } 

	

    #areal img:hover{

        width: 230px;

		margin-left: -115px;

    } 

    } 

	

    .overlay1 {

    width: 80%;

    margin: auto;

    position: static;

    }



    /* Dropdown menu container */

    .dropdown {

    position: relative;

    display: inline-block;

    margin-right: 10px; /* Space between menu elements */

    z-index: 5;

    }



    /* Dropdown button */

    .dropdown img {

    cursor: pointer;

    border-radius: 0 0 5px 5px;

    height: 60px;

     z-index: 5;

     position: relative;

    }



    /* Dropdown content */

    .dropdown-content {

    display: none;

    position: absolute;

    left: 0;

    background-color: #f9f9f9;

    min-width: 250px;

    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);

    z-index: 5;

    border-radius: 0 0 10px 10px; /* Square top corners, rounded bottom corners */

    }



    /* Dropdown items */

    .dropdown-content a {

    color: black;

    padding: 8px 12px;

    text-decoration: none;

    display: block;

    font-family: urbanist-regular; /* Updated font */

    font-size: 16px;

    }



    /* Hover effects */

    .dropdown-content a:hover {

    background-color: #ddd;

    }



    /* Show dropdown on hover */

    .dropdown:hover .dropdown-content {

    display: block;

    z-index: 10;

    }



    /* Dropdown content for the first menu (white background) */

    .dropdown-content-white,

    .dropdown-content-yellow {

    display: none;

    position: fixed;

    top: 0px; 

    padding: 40px 0 0 0;

    min-width: 350px;

    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);

    z-index: 0;

    border-radius: 0 0 10px 10px; /* Square top corners, rounded bottom corners */

    }



    /* Dropdown content for the second menu (#f2eddb background) */

    .dropdown-content-white {

    background-color: #ffffff; /* White background */

    }





    /* Dropdown content for the second menu (#f2eddb background) */

    .dropdown-content-yellow {

    background-color: #f2eddb; /* Custom background color */

    }



    /* Dropdown items */

    .dropdown-content-white a,

    .dropdown-content-yellow a {

    color: black;

    padding: 8px 12px;

    text-decoration: none;

    display: block;

    font-family: urbanist-regular; /* Font updated */

    font-size: 16px;

    }



    /* Hover effects */

    .dropdown-content-white a:hover,

    .dropdown-content-yellow a:hover {

    background-color: #ddd;

    }



    /* Show dropdown on hover */

    .dropdown:hover .dropdown-content-white,

    .dropdown:hover .dropdown-content-yellow {

    display: block;

    }







    @media (max-width: 767px) {



        /* Dropdown menu container */

        .dropdown {

            /* margin: 0px; Space between menu elements */

            margin:  0px;

        }



        /* Dropdown button */

        .dropdown img {

            border-radius: 0px;

            height: auto;

            width: 33.33334vw;

        }



        /* Dropdown content */

        .dropdown-content {

            display: none;

            position: absolute;

            left: 0;

            background-color: #f9f9f9;

            min-width: 250px;

            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);

            z-index: 2;

            border-radius: 0 0 10px 10px; /* Square top corners, rounded bottom corners */

        }



        /* Dropdown items */

        .dropdown-content a {

            color: black;

            padding: 8px 12px;

            text-decoration: none;

            display: block;

            font-family: urbanist-regular; /* Updated font */

            font-size: 14px;

        }



        /* Hover effects */

        .dropdown-content a:hover {

            background-color: #ddd;

        }



        /* Show dropdown on hover */

        .dropdown:hover .dropdown-content {

            display: block;

        }



        /* Dropdown content for the first menu (white background) */

        .dropdown-content-white,

        .dropdown-content-yellow {

            display: none;

            position: absolute;

            left: 0px;

            top: 40px;

            opacity: 0.8;

            min-width: 100vw;

            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);

            z-index: 1;

            border-radius: 0; /* Square top corners, rounded bottom corners */

            padding: 10px;

        }



        /* Dropdown content for the second menu (#f2eddb background) */

        .dropdown-content-white {

        background-color: #ffffff; /* White background */

         

        }





        /* Dropdown content for the second menu (#f2eddb background) */

        .dropdown-content-yellow {

        background-color: #f2eddb; /* Custom background color */

        left: -33.33vw;

        

        }        



        /* Dropdown items */

        .dropdown-content-white a,

        .dropdown-content-yellow a {

            color: black;

            padding: 8px 12px;

            text-decoration: none;

            display: block;

            font-family: urbanist-regular; /* Font updated */

            font-size: 14px;

        }



        /* Hover effects */

        .dropdown-content-white a:hover,

        .dropdown-content-yellow a:hover {

            background-color: #ddd;

        }



        /* Show dropdown on hover */

        .dropdown:hover .dropdown-content-white,

        .dropdown:hover .dropdown-content-yellow {

            display: block;

        }



    }