#navbar-desktop {
    background-color: white;

    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;

    z-index: 1000;


    #navbar-top {
        width: 100%;
        
        height: 60px;
        border-bottom: 1px solid #00000027;



        #navbar-top-container {
            height: 100%;
            width: calc(100% - 2 * 30px);
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;

            display: flex;
            flex-direction: row;
            align-items: center;

            position: relative;

            #navbar-top-left {
                width: fit-content;
    
                #navbar-top-left-image {
                    height: 40px;
                }
            }
    
            #navbar-top-right {
                display: flex;
                flex-direction: row;
                gap: 50px;
                .navbar-top-button {
                    color: black;
                    font-size: 13px;
                    cursor: pointer;
                }

                .navbar-top-button:hover {
                    text-decoration: underline;
                }

                position: absolute;
                right: 0;
            }
        }


    }

    #navbar-bottom {
        height: 60px;
        border-bottom: 1px solid #00000027;

        #navbar-bottom-container {
            height: 100%;
            width: calc(100% - 2 * 30px);

            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;

            display: flex;
            flex-direction: row;
            align-items: center;

            .navbar-bottom-item-div {
                display: grid;
                place-items: center;
                width: 100%;
                height: 100%;

                cursor: pointer;
                font-weight: 500;
                font-size: 17px;
            }

            .navbar-bottom-item-div:hover {
                background-color: #00000007;
            }
        }
    }

}




#footer-desktop {
    width: 100vw;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff;
    border-top: 1px solid #00000027;
}

#footer-logo-div {
    height: 50px;
    margin-left: 40px;
}

#footer-logo-div > img {
    height: 100%;
}

#footer-link-div {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-left: 60px;
}

.footer-links {
    cursor: pointer;
    text-decoration: underline;
    color: #00000097;
}

#footer-address-div {
    margin-left: 60px;
    margin-top: 20px;
    color: #00000097;
}