Glad to hear you found a solution. I would however suggest you try pasting the code i gave you into one of your grid columns – every element contained within the div will then be centered and will occupy its own line. This saves you applying code to each element.
Also align-center on span is not a done thing, it does work, but you won’t see it as a span only takes up as much space as it’s content, so currently your code is relying on the <p> tag to center the font icon.
Further to thi it would be best to read up on HTML and CSS. Wherever possible you should limit the use of inline styling (placing CSS inside the HTML).