:root{
    --navbar-gap: 1rem;
}

.navbar {
    height: 16rem !important;

    .container  {
        height: 100%;

        .navbar-body{
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            gap: var(--navbar-gap);
            height: 100%;
            width: 100%;

            .top{
                height: calc(70% - var(--navbar-gap));
                display: flex;
                align-items: center;
                width: 100%;

                .logo-wrapper{
                    padding-top: 1.5rem;
                    height: 95%; /* per modificare dimensioni logo */

                    img{
                        width: auto;
                        height: 100%;
                    }
                }
            }

            .bottom{
                width: 100%;
                height: 30%;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 1rem;

                a{

                }
            }
        }
    }
}

.navbar--1 {
    height: 3rem !important;
}