please see screenshot - on the sides of these buttons links - there is a black bar - and I don't know why - do you know how I can not have that line? 

thanks

seems like col span 4 adds a percentage on top for width - if I remove it puts it right please see screenshot

fixed this by changing to 3% from 1.13%

.portfolio-items .col.span_4 {

width: 31.00%;

margin: 0px 3%!important;

}

actually this did not fix it because now my headers are off centered

still really need help bad

I tried this but didn't seem to fix it:

.portfolio-items .elastic-portfolio-item .work-item.style-4, .portfolio-items .elastic-portfolio-item .work-item.style-4 {

width: 100% !important;

}

.portfolio-items .elastic-portfolio-item .work-item.style-4 img, .portfolio-items .elastic-portfolio-item .work-item.style-4 img {

width: 100% !important;

}

tried this and didn't work either

.portfolio-items .elastic-portfolio-item .work-item.style-3, .portfolio-items .elastic-portfolio-item .work-item.style-4 {

width: 100% !important;

}

.portfolio-items .elastic-portfolio-item .work-item.style-3 img, .portfolio-items .elastic-portfolio-item .work-item.style-4 img {

width: 100% !important;

}

I don't know why but when I paste this in my custom css it seems to work:

.portfolio-items .col.span_4 {

width: 31%!important;

margin: 0px 1.13%!important;

}

I don't understand why it would work because these are the defaults in the stylesheet?