main {
        padding-top: 180px;
    }
    footer {
        min-height: calc(100vh);
    }
    #footer-ext {
        min-height: calc(100vh - 110px - 70px);
        padding-bottom: 200px;
    }
    #works-fascia {
        position: fixed;
        top: 70px;
        left: 0px;
    }
    #works-fascia.fascia-grigia {
        padding: 0px;
    }
/*    #works-fascia nav {
        display: flex;
        float: right;
        gap: 30px;
        justify-content: flex-end;
        height: 30px;
        margin: 20px 0px;
    }*/
    #works-fascia h1 {
        max-width: calc(100% - 200px);
        padding: 20px 0px;
        text-align: right;
    }
    .works-list-el a {
        height: calc(100vh - 180px);
        display: flex;
        gap: 40px;
        padding: clamp(20px, calc((40 / 1840) * var(--vw) * 100), 40px) 40px;
        box-sizing: border-box;
    }
    .works-list-el:nth-child(even) a {
        flex-direction: row-reverse;
    }
    .works-list-el-figure {
        display: block;
        float: left;
        width: calc(75% - 20px);
        height: 100%;
        position: relative;
    }
    .works-list-el-figure picture {
        /*width: auto;
        max-width: 100%;
        height: 100%;*/
        width: 100%;
        max-height: 100%;
        height: 100%;
        display: block;
        float: left;
    }
    .works-list-el-text {
        display: flex;
        float: left;
        width: calc(25% - 20px);
        height: 100%;
        flex-flow: column;
    }
    .works-list-el-text span {
        text-align: right;
    }
    .works-list-el:nth-child(even) span {
        text-align: left;
    }
    .works-list-el .work-titolo {
        font-size: 40px;
        line-height: 46px;
    }
    #workcategory-select {
        width: 180px;
        height: 50px;
        line-height: 50px;
        filter: invert(1);
    }
    @media only screen and (min-width:1024px) and (max-width:1279px) {
        .works-list-el .work-titolo {
            font-size: 30px;
            line-height: 36px;
        }
        .work-category-dove-quando {
            font-size: 12px;
        }
    }
    @media only screen and (min-width:768px) and (max-width:1023px) {
        main {
            padding-top: 70px;
        }
        #works-fascia {
            position: static;
        }
        .works-list-el .work-titolo {
            font-size: 30px;
            line-height: 36px;
        }
        .work-category-dove-quando {
            font-size: 12px;
        }
        .works-list-el-text, .works-list-el-figure {
            width: 100%;
            padding: 0px;
        }
        .works-list-el .page {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            height: auto;
            min-height: unset;
            padding: 80px 20px;
        }
        .works-list-el-text span {
            text-align: left;
        }
        .works-list-el-figure {
            padding-top: 40px;
        }
    }
    @media only screen and (min-width:220px) and (max-width:767px) {
        main {
            padding-top: 70px;
        }
        #works-fascia {
            position: static;
        }
        #works-fascia {
            top: 40px;
        }
        #works-fascia h1 {
            font-size: 25px;
            line-height: 30px;
        }
        #works-fascia.fascia-grigia .page {
            padding: 10px 20px;
            gap: 0px;
        }
        #nav-workcategories-cont {
            font-size: 12px;
            gap: 15px;
            flex-wrap: wrap;
            height: auto;
            min-height: 30px;
        }
        .works-list-el .page {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            height: auto;
            min-height: unset;
            padding: 80px 20px;
            border-bottom: 0.5px solid var(--grigio_link);
        }
        .works-list-el-text span {
            text-align: left;
        }
        .works-list-el-text,
        .works-list-el-figure {
            width: 100%;
            padding: 0px;
        }
        .works-list-el-figure {
            padding-top: 40px;
        }
        #works-fascia h1,
        #workcategory-select {
            width: 100%;
            max-width: 100%;
        }

        #works-fascia h1 br {
            display: none;
        }
    }