.span1 {
    width:auto;
}

.menouno {
    margin-left:-1%
}

.menodue {
    margin-left:-2%
}

.menotre, .menotre768 {
    margin-left:-3%
}

.span2 {
    width:48%;
    margin-left:2%;
    float:left
}

.span3 {
    width:31.3%;
    margin-left:2%;
    float:left
}

.span4 {
    width:23%;
    margin-left:2%;
    float:left;
}

.span5 {
    width:18%;
    margin-left:2%;
    float:left
}

.span10 {
    width:8%;
    margin-left:2%;
    float:left;
}

.span64 {
    width:64%;
    margin-left:3%;
    float:left
}

.span30 {
    width:30%;
    margin-left:3%;
    float:left
}

.span54 {
    width:54%;
    margin-left:3%;
    float:left
}

.span40 {
    width:40%;
    margin-left:3%;
    float:left
}

@media (max-width:768px) {
    .menotre768 {
        margin-left:0
    }
    
    .span64 {
        width:auto;
        float:none
    }
    
    .span30 {
        width:auto;
        float:none;
        margin-bottom:30px
    }
    
    .span54 {
        width:auto;
        margin-left:3%;
        float:none
    }
    
    .span40 {
        width:auto;
        margin-left:3%;
        float:none
    }
    
    .span4 {
        width:48%;
        margin-bottom:20px;
    }
    
    .span10 {
        width:18%;
    }
}

@media (max-width:480px) {
    .menouno {
    margin-left:0
    }
    
    .menodue {
        margin-left:0
    }   

    .span2 {
        width:auto;
        float:none;
        margin-bottom:20px;
        margin-left:0
    }
    
    .span3 {
        width:100%;
        margin-left:0
    }
    
    .span4 {
        width:100%;
        margin-bottom:20px;
        margin-left:0
    }
    
    .span5 {
        width:100%;
        margin-left:0
    }
    
    .span10 {
        width:48%;
    }
}