Typography improvements

src/components/Button/Button.scss

@@ -9,6 +9,10 @@
   background: none;
   text-transform: uppercase;
 
+  @media screen and (max-width: 800px - 1px) {
+    font-size: 16px;
+  }
+
   &.hero {
     background-color: $dark-blue;
     color: $blue;

src/components/Card/Card.scss

@@ -20,6 +20,8 @@
     width: 100%;
     max-width: 100%;
     margin-bottom: 3rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 
   &__title {

src/components/Ribbon/Ribbon.scss

@@ -24,6 +24,7 @@
     font-size: 0.8rem;
     font-weight: 600;
     text-transform: uppercase;
+    margin-top: 10px;
   }
 
   @media screen and (max-width: 600px - 1px) {