Reduced shadows on cards.

src/containers/FacilityCard.js

 import React from 'react';
-import Card, {CardContent, CardMedia} from 'material-ui/Card';
+import Card, {CardContent} from 'material-ui/Card';
 import Typography from 'material-ui/Typography';
 import Grid from 'material-ui/Grid';
 import FacilityStatus from '../components/FacilityStatus';
@@ -70,9 +70,9 @@ class FacilityCard extends React.Component {
             facility.facility_location.building;
         return (
             <Card onClick={this.handleCardClick} className={classNames('fc-root', isSelected && 'fc-selected')}
-                  onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave} raised>
-                <CardMedia className={'fc-media'}
-                          image={'https://gmucampus.files.wordpress.com/2010/09/00southside2.jpg'} />
+                  onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave} elevation={3}>
+                {/*<CardMedia className={'fc-media'}
+                          image={'https://gmucampus.files.wordpress.com/2010/09/00southside2.jpg'} />*/}
 
                 <div className={'fc-logo-container'}>
                     <img className={'fc-logo'}

src/styles/containers/facilityCard.scss

@@ -34,7 +34,7 @@
   height: 100px;
   margin: -60px auto auto auto;
   border-radius: 50%;
-  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
   overflow: hidden;
 }