Fixes #15 Navbar and typography responsiveness

[elit-altum]

• Included a Preview link and screenshot showing after and before the changes.
• Included a description of the change below.
• Squashed the commits.

Changes done in this Pull Request

• [Preview Link] https://elit-altum.github.io/summit.fossasia.org/

• Fixes navbar responsiveness and typography issue #15

Description / Changes

• The Navbar contents flowed out of their specified div between screen size 990px to 768px. To address it, the media queries were changed so that the navbar collapes after 990px only and prevents the spilling
• The text 'OPENTEXTSUMMIT SINGAPORE' overlapped too close on smaller/mobile screens. The line-height property was added to its CSS to address this issue. In addition, the font-size and letter-spacing for smaller screens was also changed to allow the text to be in proportion and alignment with other text elements on the screen.

Screenshots if any:

Before:

Navbar Overflow:

Typography Overlap:

After:

Corrected Navbar collapse:

Corrected Typography Overlap:

---

[Chaitanyassr]

Preview link not working, please check ones.

[elit-altum]

@Chaitanyassr Should I create one on HerokuApp ? I have followed the repository syntax only.

[shivaylamba]

Preview Link is not working. You can simply clone the repo, make the changes and deploy the github pages for the test link, since this is a static website, you don't need Heroku. Alternatively you could also use Heroku.

[snitin315]

@elit-altum just enable github pages under your forked repo settings.

[elit-altum]

Preview link not working, please check ones.

@snitin315 Thank you for your help. The preview link is now working. Please review this PR.
@Chaitanyassr @snitin315

[elit-altum]

Could someone please merge this?
@snitin315 ?

[snitin315]

@elit-altum I don't have the merge rights , I can only help with reviewing code.

@mariobehling please take a look over this PR.

[elit-altum]

@mariobehling Could you please have a look at this ?