.conte_categorias{
    width:  100%;
    z-index: 1;
}
.s1, .s2, .s3, .s4, .s5{
    display: table;
    width: 50%;
    margin-left: 0%;
    float: left;
    height: auto;
    text-align: center;
    padding: 20px;
    z-index: 100;
}

@media(min-width:1024px){
    .conte_categorias{
        display: table;
        position: relative;
        z-index: 1;
    }
    .s1, .s2, .s3, .s4, .s5{
        width: 20%;
        padding: 0px;
        display: table;
        z-index: 1;
    }
     #s1, #s2, #s3 ,#s4, #s5 {
        transform: translateY(1px);
        transition: 0.2s ease;
    }
    #s1:hover, #s2:hover, #s3:hover ,#s4:hover, #s5:hover {
        transform: translateY(-12px);
        transition: 0.2s ease;
    }
    
}