/*@media (max-width: 767px) {
    .left-side-container {
        height: 0px;
        visibility: hidden;
    }
    .navigation-index {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .left-side-container {
        position: fixed;
        height: 100vh;
        width:8%;
        max-width: 70px;
        float:left;
    }
    .main-content {
        position:absolute;
        --left-size: min(8%, 70px);
        left: var(--left-size);
        width: calc(100% - var(--left-size));
    }
}

.left-side {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 2rem;
}

.main-menu-icons {
    text-align: center;
}/*
.main-menu-icons-col {
    display: grid;
}
.main-menu-icons-col-bottom {
    display: grid;
}*/
    /*
.main-menu-icons img {
    max-height: max(7vh, 5vw);
    max-width: -webkit-fill-available;
}*/