increase size of privacy policy hero card and responsiveness improvements to card

Author: jr-cologne

resources/assets/sass/modules/_card.sass

@@ -8,7 +8,7 @@
   border-radius: calc($spacer / 4)
   box-shadow: $shadow--elevated
 
-  @media screen and (max-width: 1024px)
+  @media screen and (max-width: 1600px)
     min-width: 60%
     max-width: 75%
 
@@ -30,7 +30,7 @@
   @media screen and (max-width: 1024px)
     max-width: 90%
 
-  @media screen and (max-width: 1024px)
+  @media screen and (max-width: 800px)
     max-width: 95%
 
   @media screen and (max-width: 600px)

resources/views/legal/privacy-policy.twig

@@ -8,7 +8,7 @@
         <div class="container">
             {% include 'partials/_header.twig' %}
 
-            <div class="card section__content">
+            <div class="card section__content card--large">
                 <h2 class="h2 card__heading">{{ __('legal.privacy-policy.title') }}</h2>
 
                 <p class="card__text">