Con 2282 wordmark grid align

Align Wikia logo and community wordmark to grid, add proper spacing around
https://wikia-inc.atlassian.net/browse/CON-2282
how did you calculate this number in different breakpoint is there any pattern so we could avoid adding 3 different magic numbers?