updating the branch some more

.gitignore

@@ -24,5 +24,4 @@ yarn-error.log*
 #local dotfiles
 /.storybook
 /src/stories
-/src/styles/whatsOpen.css
 /src/styles/build

src/styles/_variables.scss

+$breakpoints: (
+    xs: 360px,
+    sm: 600px,
+    md: 900px,
+    lg: 1024px,
+    xl: 1680px,
+);
+
+/* FacilityCard */
+
+$fc-lg-scale: .8;
+$fc-sm-scale: .75;
+
+/* Favorite Button */
+
+$favorite-button-lg-scale: .8;
+$favorite-button-sm-scale: .75;
\ No newline at end of file

src/styles/components/appBar.css

-.app-bar {
-  background-color: white !important;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) !important; }
-
-.app-bar-title {
-  margin-right: auto !important; }
-
-.app-bar-menu-button {
-  display: none !important; }
-
-.app-bar-logo {
-  width: 30px;
-  height: 30px;
-  margin-right: 5px; }
-
-.app-bar-text-color {
-  color: #354052; }
-
-@media screen and (max-width: 600px) {
-  .app-bar-link-button {
-    display: block !important;
-    padding: 0 !important;
-    text-align: left; }
-  .app-bar-menu-button {
-    display: inherit !important; }
-  .app-bar-hide {
-    max-height: 0 !important;
-    overflow: hidden; }
-  .app-bar-tool-bar {
-    flex-wrap: wrap; }
-  .app-bar-link-container {
-    display: block;
-    flex-basis: 100%;
-    transition: ease-in-out 2s; } }

src/styles/components/cardContainer.css

-.card-container-root {
-  margin: 0;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap; }

src/styles/components/facilityCategory.css

-.facility-category-wrapper {
-  display: flex;
-  justify-content: center; }
-
-.facility-category-icon {
-  width: 14px !important;
-  height: 14px !important;
-  padding: 4px !important; }
-
-.facility-category-icon {
-  width: auto !important;
-  height: auto !important;
-  margin-right: 8px; }

src/styles/components/facilityStatus.css

-.facility-status-text {
-  align-items: center;
-  border: 1.5px solid;
-  border-radius: 3px;
-  padding: 5px;
-  font-weight: bold !important; }
-  .facility-status-text.facility-status-closed {
-    color: white;
-    background-color: #f44336;
-    border-color: #f44336; }
-  .facility-status-text.facility-status-open {
-    color: #4caf50;
-    border-color: #4caf50; }