Add new breakpoint, Explain card

sass/components/card.sass

@@ -24,8 +24,6 @@
 
 .card-content
   padding: 1.5rem
-  .title + .subtitle
-    margin-top: -1.5rem
 
 .card-footer
   border-top: 1px solid $border

sass/elements/other.sass

@@ -5,13 +5,15 @@
   position: relative
   +desktop
     margin: 0 auto
-    max-width: $desktop - 40px // 960px
+    max-width: $desktop - 40px
     // Modifiers
     &.is-fluid
       margin: 0 20px
       max-width: none
   +widescreen
-    max-width: $widescreen - 40px // 1152px
+    max-width: $widescreen - 40px
+  +fullhd
+    max-width: $fullhd - 40px
 
 .delete
   +delete

sass/utilities/mixins.sass

@@ -166,17 +166,6 @@
 
 // Responsiveness
 
-$tablet: 769px !default
-
-// 960px container + 40px
-$desktop: 1000px !default
-
-// 1152px container + 40
-$widescreen: 1192px !default
-
-// 960 and 1152 have been chosen because
-// they are divisible by both 12 and 16
-
 =from($device)
   @media screen and (min-width: $device)
     @content
@@ -212,3 +201,11 @@ $widescreen: 1192px !default
 =widescreen
   @media screen and (min-width: $widescreen)
     @content
+
+=widescreen-only
+  @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
+    @content
+
+=fullhd
+  @media screen and (min-width: $fullhd)
+    @content

sass/utilities/variables.sass

@@ -46,6 +46,17 @@ $weight-bold: 700 !default
 $body-background: $white !default
 $body-size: 16px !default
 
+// Responsiveness
+// 960, 1152, and 1344 have been chosen because
+// they are divisible by both 12 and 16
+$tablet: 769px !default
+// 960px container + 40px
+$desktop: 1000px !default
+// 1152px container + 40
+$widescreen: 1192px !default
+// 1344px container + 40
+$fullhd: 1384px !default
+
 // Miscellaneous
 $easing: ease-out !default
 $radius-small: 2px !default