Fixes #7 - Updated benefits section on index page

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
   line-height: 1.5;
@@ skipping 698 matching lines @@
   {
     display: none;
   }
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
 }
+
+/* Cards

[ire, 2018/02/26 19:01:31]

There doesn't seem to me to be anything related to "cards" here. Most styles
here are only about spacing. Also, this doesn't appear to be a "card" in the
typical sense of a box with a contrasting background. 

[juliandoucette, 2018/02/27 13:00:06]

Agreed... Wasn't sure what to call it :/ ... Any suggestions?

[ire, 2018/02/28 09:21:54]

I'm not sure either. Considering that this may be restricted to the benefits
section only, maybe we should just use the ID instead?

[juliandoucette, 2018/02/28 19:40:00]

How about "item"?

[ire, 2018/03/01 09:06:05]

I don't think "item" really has much meaning either. Do you think this set of
styles will be repeated elsewhere?

[juliandoucette, 2018/03/01 10:34:09]

Yes, at least in the almost identical "features" section further down on the
home page. The idea is: "item" is like "card" except it only provides space
instead of border/background and space (acknowledging that I just made that up
retrospectively and I don't yet know for sure if it will be useful elsewhere
beyond these two examples). 

[ire, 2018/03/01 14:15:07]

Alright. I'm still not 100% sure about the name "item", but I can't come up with
anything better so I think we should stick with it. 

+ *****************************************************************************/
+
+.card-deck

[ire, 2018/02/26 19:01:31]

Did you mean for there to be a comma after this?

[juliandoucette, 2018/02/27 13:00:06]

Yes *blush*

[ire, 2018/02/28 09:21:54]

:P

+.card-body
+{
+  margin: 1em 0;
+}
+
+.card
+{
+  margin: 2em 0 1em 0;
+}
+
+.card-heading
+{
+  text-transform: uppercase;
+}