many scaling issues when accessing website on mobile

[Highfire1]

in order:

• Langara Hacks title doesn't obey margin
• margins on the About Langara Hacks component do not scale properly
• sponsor logos do not scale properly (you may need to rewrite the component to use flex instead of hardcoded rows)

[Highfire1]

The best way to find these is to open the website on mobile and try to imagine that you know nothing about the hackathon or club as you scroll downwards

Specific suggestions/comments:

• [ ] I liked the hero image, we should keep it if possible (you should probably resize it to be taller)
• [ ] the arrow looks weird without the dates
• [ ] too much side margin on all of the text components
• [ ] the image of pawel and his teammate should be screen width
• [ ] the sponsors list looks weird (?) it would make more sense for them to flex into a column but its not a big issue right now - you should test what it looks like with more sponsors though or we may have to come back later to change the styling
• [ ] possibly the "interested in sponsoring?" button should link to our sponsorship package, ask the sponsorships team
• [ ] the ABOUT US image should be screen width

[Highfire1]

Closed by #14 and #15.