apply styles of half section when printing

- add parameter to mq mixins to set styles for print

src/assets/styles/components/_section.scss

@@ -9,7 +9,7 @@
     padding-top: $spacing-y;
     padding-bottom: $spacing-y;
 
-    @include mq(md) {
+    @include mq(md, true) {
         &--half {
             grid-column: span 1;
         }

src/assets/styles/utils/_mixins.scss

@@ -2,21 +2,29 @@
 // SCSS MIXINS
 //--------------------
 
-@mixin mq($name) {
+/// Creates media query for breakpoint and bigger
+///
+/// @param {string} $name - The name of the breakpoint
+/// @param {boolean} $print [false] - If the styles should also apply in print
+@mixin mq($name, $print: false) {
     $min: breakpoint-min($name, $breakpoints);
     @if $min {
-        @media (min-width: $min) {
+        @media #{if($print, 'print, all ', 'all')} and (min-width: $min) {
             @content;
         }
     } @else {
         @content;
     }
 }
 
-@mixin mq-down($name) {
+/// Creates media query for smaller than breakpoint
+///
+/// @param {string} $name - The name of the breakpoint
+/// @param {boolean} $print [false] - If the styles should also apply in print
+@mixin mq-down($name, $print: false) {
     $min: breakpoint-min($name, $breakpoints);
     @if $min {
-        @media (max-width: ($min - 1px)) {
+        @media #{if($print, 'print, all ', 'all')} and (max-width: ($min - 1px)) {
             @content;
         }
     } @else {