.burger {
        padding: 5px;
        display: none;
    }

    .flex-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        height: 50px;
        font-size: 14px;
    }

    .flex-phone {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 10px;
        margin-left: 10%;
        margin-right: 10%;
        font-family: Baskerville Old Face;
        background-image: linear-gradient(to top, #faddc3, rgb(245, 240, 240));
    }

    .flex-phone-ht {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 10px;
        margin-left: 10%;
        margin-right: 10%;
        font-family: Baskerville Old Face;
        /* background-image: linear-gradient(to top, #cbe4f8, rgb(158, 164, 248)); */
        background-image: linear-gradient(to top, #e2effa, rgb(216, 218, 250));
    }

    .nav:hover {
        color: #366666;
    }

    .nav_cb {
        color: #d87a00;
        /* color: #fc9207; */
        /* width : 250px; */
        /* padding-right: 20px; 
        padding-left: 20px;  */
        font-size: 14px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        text-decoration: none;
        text-align: center;
    }

    .navlogo_desk {
        width: 200px;
        text-align: center;

    }

    .nav_cb:hover {
        font-weight: 500;
        /* color: red;  */
        color: #c5502b;
    }

    .nav_fd {
        /* color: #d87a00; */
        color: #fc9207;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 9px;
        text-decoration: none;
        text-align: center;

    }

    .nav_li {
        color: #366666;
        text-decoration: none;
    }

    .nav_li:hover {
        font-weight: 600;
        color: #c5502b;
    }


    .nav_li_ht {
        color: #7d7bf8;
        text-decoration: none;
        margin: auto;

    }

    .nav_li_ht:hover {
        /* font-weight: 600; */
        /* color: #7d7bf8; */
        color: #030261;
    }

    .nav_link {
        color: #c5502b;
        padding-top: 5px;
        padding-left: 5px;
        text-decoration: none;
    }

    .nav_link:hover {
        color: #c5502b;
        padding-top: 5px;
        padding-left: 5px;
        text-decoration: none;
    }

    .nav_mu {
        padding: 5px;
    }

    .nav_mu:hover {
        font-weight: 600;
        color: #c5502b;
    }

    .nav_nav {
        position: absolute;
        display: none;
        font-family: Baskerville Old Face;
        background-color: white;
        width: 170px;
        border-color: rgb(224, 140, 101);
        border-style: solid;
        border-width: 2px;
        border-radius: 8px 0 8px 0px;
    }

    .nav_ul {
        list-style-type: none;
        background-image: linear-gradient(to top, #faddc3, rgb(245, 240, 240));
        border-radius: 8px 0 8px 0px;
        padding: 4px;
        margin: 4px;
    }

    .nav_ul_ht {
        list-style-type: none;
        background-image: linear-gradient(to top, #e2effa, rgb(216, 218, 250));


        border-radius: 8px 0 8px 0px;
        padding: 4px;
        margin: 4px;
    }


    .navlogo_phone {
        text-align: center;
        margin-top: 10px;
    }

    .trait-sep {
        background-color: gray;
        margin-top: 5px;
        width: 140px;
        height: 2px;
        background-image: linear-gradient(to right, gray, white);
        margin-left: 10px;
    }