section {
    position: relative;
}

.mc-cover {
    background-image: url("../assets/servicos_cover.png");
}

#sectionServicos {
    background: linear-gradient(to top, var(--color-gray-bg) 68%, white 68%);
}

.servicos-flex {
    padding: 0 5%;
    /* Flexbox */
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    align-items: stretch;
}

.servicos-flex .item {
    padding: 6% 0;
}

.servicos-flex .item.i1 {
    width: 40%;
}

.servicos-flex .item.i2 {
    width: 60%;
    background-color: white;
    background-clip: content-box;
}

.servicos-flex .item.i3 {
    width: 55%;
    background-color: white;
    background-clip: content-box;
}

.servicos-flex .item.i4 {
    width: 45%;
}

.servicos-flex .item.i1 img,
.servicos-flex .item.i4 img {
    width: 100%;
}

.servicos-flex .item.i2 .w3-display-container,
.servicos-flex .item.i3 .w3-display-container {
    height: 100%;
}

.w3-display-container .w3-display-middle {
    width: 80%;
}

@media (max-width:600px) {

    #sectionServicos {
        background: linear-gradient(to top, white 36%, var(--color-gray-bg) 28%, var(--color-gray-bg) 48%, white 48%);
    }

    .servicos-flex .item.i3{
        order: 2;
    }

    .servicos-flex .item.i2 .w3-display-container,
    .servicos-flex .item.i3 .w3-display-container {
        height: 95vmin;
    } 
    
    #workshop {
        margin-top: 10% !important;
        margin-bottom: 10%;
    }
}

@media(min-width: 601px) {
    #workshop {
        margin-top: -5%;
    }
}