.navbar{
        margin-right:       1rem;
        display:            flex;
        flex-direction:    column;
    }
    .navbar-nav{
        margin-bottom:      0;
    }
    .nav-link{            
        color:              #565656;
        text-decoration:    none;
    }
    .nav-link:hover{
        color:                      rgba(0, 0, 0, 0.8);
        text-decoration-line:       underline;
        text-underline-offset:      1rem;
        text-decoration-thickness:  1px;
        font-weight:                bold;
    }
    .button-booking{
        display:            flex;
        padding:            1rem;
        background-color:   #ffeb00;
        border:             1px solid #565656;
        border-radius:      10px;
    }
    .booking-svg{
        color:              #292500;
    }
    .nav-link:active{
        font-weight:        bold;
    }
    .social-medias{
        display:            flex;
        justify-content:    flex-end;
        gap:                1rem;
    }
    @media (max-width: 1080px){
        .button-booking{
            align-items:    flex-end;
        }
        .booking-svg{
            height:         1rem;
        }
        .navbar-nav{
            margin-top:     1rem;
        }
        .navbar-content{
            position:       absolute;
            padding-left:   1rem;
            left:           0;
            top:            8rem;
            width:          100%;
            z-index:        1000;
            height:         calc( 100vh - 8rem );
            border-top:     1px solid rgba(131, 130, 130, 0.4);
            border-bottom:  1px solid rgba(131, 130, 130, 0.4);
            background-color: rgba(255, 255, 255, 0.95);
        }
        .mobile-display-no{
            display:        none;
        }
        .nav-item{
            display:        block;
            text-align:     center;
            padding-top:    1rem;   
            padding-bottom: 0.5rem;
        }
        .nav-item:last-child{
            padding-bottom: 1.5rem;
        }
        .navbar-toggler{
            margin-top:     3.5rem;
            margin-left:    auto;
            margin-right:   0;
        }
        .navbar-toggler-icon{  
            width:          1.5em;
            height:         1.5rem;
            margin-left:    auto;
            margin-right:   0;
        }
    }

    @media (min-width: 1081px){
        .button-booking{
            display:        none;
        }
        .navbar{
            color:              #565656;
            display:            flex;

        }
        .navbar-toggler{
            display:            none;
        }
        .navbar-nav{
            display:            flex;
            align-items:        flex-center;
        }
        .nav-item{
            flex-direction:     row;
            flex-wrap:          wrap;
            color:              inherit;
            padding-inline:     0.5rem;
            list-style:         none;
        }
        .logo-icon{
            height:             10rem;
        }
        .navbar-content{
            display:            flex;
            margin-top:         2rem;
        }
        .navbar-toggler-icon{  
            width:          2em;
            height:         2rem;
            margin-top:     1rem;
        }
    }