.main-nav .home {
    background-image: url("/img/logo_lp.png") !important;
    /*background-size: 80px auto;
    background-repeat: no-repeat;
    background-color: $color-secondary;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 99;
    width: 80px;
    height: 80px;*/
}
.full-height {
    min-height: 100vh;
}

.flex-container {
    display: flex;
    flex-direction: row;
    height: 100vh;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.left-column {
    flex: 0.7; /* 80% of the width */
}

.right-column {
    flex: 0.3; /* 20% of the width */
}

.upper-area {
    flex: 0 0 80%; /* 80% of the height */
}

.fullcolumn-area {
    flex: 0 0 100%; /* 100% of the height */
}

.lower-area {
    flex: 1; /* takes the remaining space */
}

.cal-area {
    overflow: hidden;
}