Dawn 2.0 Footer Alignment - center menu columns

[BBStorm]

Hello,

My site is Beautiful by Storm and I am struggling to get the columns in the footer to line up in the center.

Please let me know what I'm missing. Here is what I've done to get it to this point.

.footer-block--newsletter {
  flex-direction: column-reverse; 
  align-items: center !important; 
  margin-bottom: 4rem;
}
.footer__content-top {
  display: flex !important; 
  flex-direction: column-reverse;
}
.site-footer, 
  .grid__item {
    align-items: top !important; 
    text-align: left !important;
    margin-left: auto; !important
    margin-right: auto; !important 
}

What needs to be removed? What needs to be added?

Thank you so much for any answers you might be able to provide.

[KetanKumar]

@BBStorm 

do you have remove spacing

[BBStorm]

I’m not certain I understand the question. What I would like is for each column to put the text in the center of the column while still maintaining the text alignment to the left.

I think that is the problem, the columns are centered… but the text is all aligned to the left so it looks off. Does that make sense?

Are you suggesting to make the columns more narrow? 

[KetanKumar]

@BBStorm 

yes its footer code and to same spacing both size