Added Bootstrap js, renamed config.js

Added Bootstrap.min.js so that Javascript modules that might be added in the future, that are included in Bootstrap's framework,
can work without a hitch. At this point, it was added because Bootstrap's mobile media query navbar, which auto-magically collapses
into a dropdown menu, wouldn't drop up without this script. Also, config.js was renamed from config.sample.js so that when viewing
an event, data is properly rendered.
Added <div class="row"> back

At first, for some reason, the website wasn't collapsing properly when a breakpoint was hit. I thought that
this was because of the row class, but then found out that it was due to container-fluid's width not being set
to width:100% (with a set max-width in style so that it can go do this to a maximum width of 1150px).
Cleaned up code for now responsive calendar/calendar

Deleted some unnecessary spacing in the code, used Bootstrap 3 classes instead of reinventing thr wheel, and completely
moved from the old, unresponsive table design to a new ul/li powered design.
Cleaned up syntax, SCSS-ification, responsive

Took advantage of working on an SCSS rather than a CSS environment by nesting rules under same parent elements and
using the breakpoint SCSS variables (eg: $screen-xs-max). Also made further styling to the calendar to make it a truly
responsive element composed of ul/li elements compared to the old table-based calendar element.
Added CSS rules to alleviate styling problems

Increased the min-width to take into consideration the fact that padding is counted against min-width (making an element's true width = min-width - padding
instead of true width = min-width). This was alleviated by adding the padding on the min-width. Background-size was also changed to contain instead of
cover so that the background image would not go out of bounds beyond the element's dimensions.
Added Bootstrap.js, made header,main,footer fluid

Added Bootstrap javascript file to make navbar correctly produce the drop-down effect, which wasn't dropping back up before
when the javascript file was not added. This is also added so that we can accomodate other Bootstrap javascript modules in
the future. Container-fluid also become the standard class for containers inside footer, header, and "body" - the div that
shows the respective html content per page - <div id="main">
Changed max-width, width:100% - container-fluid

Made container-fluid have a max-width of 1170px instead of previous 1100px max-width. This is so that
we can match the container's inner width + 30px padding - container and container-fluid will now, at
their max-width, practically look the same. Different is, one is collapsible, and the other is fixed.
Also, the width of container-fluid was made 100% because of rendering problems, one discovered when
working on the events page - the rows were not collapsing to 100% of the screen size, which was found
as the container-fluid parent wasn't collapsing to 100% of the window's screen size.
Compilation of SCSS produced changes