main {
    padding-top: 70px;
}
footer {
    min-height: calc(100vh);
}
#footer-ext {
    min-height: calc(100vh - 110px - 70px);
    padding-bottom: 200px;
}
#people-list-textcolumn {
    width: calc(30 * var(--vw));
    left: 0px;
    padding: 0px 80px 0px 40px;
    box-sizing: border-box;
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
}
#people-list-textcolumn.people_fixed {
    position: fixed;
    top: 70px;
}
#people-list-textcolumn.people_absolute {
    position: absolute;
    bottom: 0px;
}
#people-list {
    min-height: 100vh;
}
#people-list .page {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    padding-left: 30%;
    padding-right: 5%;
    margin-top: 10vh;
}
.people-element {
    display: block;
    float: left;
    width: calc((70% - 120px) * 4 / 10);
    aspect-ratio: 3/4;
    position: relative;
    margin-bottom: 100px;
}
.people-element figure,
.people-element picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}
.people-element:nth-child(4n + 2) {
    margin-right: calc(((100% - 80px) * 2 / 10) + 40px);
}
.people-element:nth-child(4n + 3) {
    margin-left: calc(((100% - 80px) * 2 / 10) + 40px);
}

.people-element .figcaption_abs {
    padding: 10px 0px;
    top: 100%;
}
.people-velata-bottom {
    background: #fff;
    position: absolute;
    height: calc(26 * var(--vh));
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}
.people-azienda-logo {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 35px;
    z-index: 15;
}
.people-plus {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 10;
}
.people-plus .plus-svg {
    height: 30px;
    width: 30px;
    display: block;
}
.people-plus .plus-svg .cls-1 {
    stroke: #fff;
    stroke-width: 1px;
}
@media only screen and (min-width: 1920px) and (max-width: 10000px) {
    #people-list-textcolumn {
        width: calc(1920px * 0.30);
        left: calc((100vw - 1920px) / 2);
    }
}
@media (hover: hover) and (pointer: fine) {
    .people-element img {
        filter: grayscale(1);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
    .people-element:hover img {
        filter: grayscale(0);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
    .people-plus .plus-svg {
        height: 20px;
        width: 20px;
    }
    .people-element .figcaption_abs {
        font-size: 12px;
    }
}
@media only screen and (min-width:220px) and (max-width:1023px) {
    #people-list-textcolumn {
        width: 100%;
        padding: 40px 20px 40px 40px;
        box-sizing: border-box;
        min-height: unset;
        height: auto;
    }
    #people-list-textcolumn.people_fixed {
        position: static;
        top: unset;
    }
    #people-list-textcolumn.people_absolute {
        position: static;
        top: unset;
    }
    #people-list .page {
        padding-left: 40px;
        padding-top: 40px;
    }
    .people-element {
        display: block;
        float: left;
        width: calc((100% - 40px) * 8 / 10);
    }
}
@media only screen and (min-width:220px) and (max-width:767px) {
    main {
        padding-top: 40px;
    }
    .people-element:nth-child(4n + 2) {
        margin-right: unset;
    }
    .people-element:nth-child(4n + 3) {
        margin-left: unset;
    }
    .people-element:nth-child(odd) {
        margin-right: calc(((100% - 40px) * 2 / 10) + 40px);
    }
    .people-element:nth-child(even) {
        margin-left: calc(((100% - 40px) * 2 / 10) + 40px);
    }
    .people-plus .plus-svg {
        height: 15px;
        width: 15px;
        display: block;
    }
}