Hide card excerpt and read-more' for smaller screens

vue-theme/src/components/card.vue

 .card
     background-color: white
     padding: $ms--1
-    min-height: 305px
+    min-height: 220px
     overflow: hidden
     text-overflow: clip
     &--info 
         &.datetime
             font-size: $ms--1
             margin: $ms-0
-        &.excerpt
-            overflow: hidden
-            margin: $ms--2 0 0 0
-            -webkit-line-clamp: $card-line-clamp
-            -webkit-box-orient: vertical
-            display: -webkit-box
-        &.read-more
-            font-size: $ms--1
+        &.excerpt, &.read-more
+            display: none
     
 /* for widths larger than 768px */
 @media (min-width: $medium)
             .featured-or-hero-image img
                 max-height: calc($max-card-img-height / 3)
     .card
+        min-height: 305px
         &--info 
             .featured-or-hero-image img
                 max-height: $max-card-img-height
-                
+        p 
+            &.excerpt, &.read-more
+                overflow: hidden
+                margin: $ms--2 0 0 0
+                -webkit-line-clamp: $card-line-clamp
+                -webkit-box-orient: vertical
+                display: -webkit-box
         .wide
             padding: 0
             flex-direction: row