.footer {
    margin-top: 0 !important;
}

.experience-page {
    margin-top: 4vw;
}

    .engineering-list {
        margin: 0;
        padding: 0;
        columns: 2;
        list-style: none;
    }

        .engineering-list-item {
            width: 100%;
            height: 25vw;
            margin: 0;
            padding: 0;
            margin-bottom: 2vw;
            color: #fff;
            background-color: #0072B0;
            background: linear-gradient(#0072B0, #2983E3);
        }

            .engineering-text {
                overflow: hidden;
                float: left;    
                width: 50%;
                margin: 0;
                padding: 2vw 2vw;
                font-size: 1.5vw;
            }

            .engineering-img {
                float: right;
                width: 50%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: cover;
            }

                .e1 {
                    background-image: url(../img/experience/e1.png);
                }
                
                .e2 {
                    background-image: url(../img/experience/e2.png);
                }

                .e3 {
                    background-image: url(../img/experience/e3.png);
                }

                .e4 {
                    background-image: url(../img/experience/e4.png);
                }
            
            .building-experience-list {
                margin: 0;
                padding: 0;
                list-style: none;
                columns: 3;
            }

                .experience-list-item {
                    overflow: hidden;
                    width: 100%;
                    height: 30vw;
                    margin-bottom: 2vw;
                    -webkit-column-break-inside: avoid;
                    page-break-inside: avoid; /* Makes effect only in Firefox */
                    break-inside: avoid;
                }

                .experience-list-item-text {
                    position: inherit !important;
                    height: 23vw !important;
                    font-size: 1.5vw !important;
                    padding: 5vw 2vw;
                    padding-bottom: 6vw !important;
                    margin-top: 50% !important;
                }

                .b2 {
                    background-image: url(../img/experience/b2.png);
                }

                .b3 {
                    background-image: url(../img/experience/b3.png);
                }

                .b4 {
                    background-image: url(../img/experience/b4.png);
                }

                .b5 {
                    background-image: url(../img/experience/b5.png);
                }

                .b6 {
                    background-image: url(../img/experience/b6.png);
                }

                .b7 {
                    background-image: url(../img/experience/b7.png);
                }

                .b8 {
                    background-image: url(../img/experience/b8.png);
                }

                .b9 {
                    background-image: url(../img/experience/b9.png);
                }

.suppliers-list {
    width: 100%;
    margin: 0;
    padding: 0;
    columns: 3;
    list-style: none;
}

    .suppliers-list-item {
        width: 100%;
        height: 7vw;
        margin-bottom: 2vw;
        text-align: center;
    }

        .supplier {
            padding-left: 80%; 
            padding-bottom: 7vw;
            background-image: url(../img/suppliers/bosh.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

            .brinox {
                background-image: url(../img/suppliers/brinox.png);
            }

            .bosh {
                background-image: url(../img/suppliers/bosh.png);
            }

            .uhlman {
                background-image: url(../img/suppliers/uhlman.png);
            }

            .tofflon {
                background-image: url(../img/suppliers/tofflon.png);
            }

            .quattro {
                background-image: url(../img/suppliers/quattro.png);
            }

            .dockerweiler {
                background-image: url(../img/suppliers/dock.png);
            }

            .burkert {
                background-image: url(../img/suppliers/burkert.png);
            }

            .wika {
                margin-right: 1vw;
                padding-left: 45% !important;
                background-image: url(../img/suppliers/wika.png);
            }

            .atlas {
                padding-left: 45% !important;
                background-image: url(../img/suppliers/atlas.png);
            }

            .edress {
                background-image: url(../img/suppliers/edress.png);
            }

            .gemu {
                background-image: url(../img/suppliers/gemu.png);
            }

            .watertown {
                background-image: url(../img/suppliers/watertown.png);
            }

            .marchesini {
                padding-left: 45% !important;
                background-image: url(../img/suppliers/marche.png);
            }

            .appa {
                padding-left: 45% !important;
                background-image: url(../img/suppliers/apaa.png);
            }

@media (max-width: 650px) {
    .engineering-list {
        columns: 1;
    }

        .engineering-list-item {
            height: 35vw;
        }

            .engineering-text {
                padding: 3vw 4vw !important;
                font-size: 3vw;
            }

    .building-experience-list {
        columns: 2;
        margin-bottom: 4vw;
    }

        .experience-list-item {
            height: auto;
            -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
        }

            .experience-list-item-text {
                padding: 9vw 4vw !important;
                height: 37vw !important;
                font-size: 3vw !important;

            }

    .suppliers-list-item {
        margin-bottom: 7vw;
    }
}