Making card sections dynamically change based on media query

mixins should respond to media size and put the margins in the right
places