finished crossroad template

majak_uistyleguide/templates/patterns/templates/crossroad/crossroad.html

 {% include 'patterns/organisms/layout/navbar.html' %}
-{% include 'patterns/molecules/header/simple_header.html' with simple_header_title='Rezortní sekce' %}
+{% include 'patterns/molecules/header/simple_header.html' with simple_header_title='Rezortní týmy' %}
 <main role="main" class="mb-10 xl:mb-32">
   <div class="grid-container mb-2 lg:mb-12">
-    <div class="grid-content">
+    <div class="grid-full">
       {% for section in sections %}
         {% if section.header %}
           <h2>{{ section.header }}</h2>

src/css/molecules/card_box.pcss

 .card {
   box-shadow: 0 3px 1px -2px rgba(221,221,221,.43), 0 2px 2px 0 rgba(221,221,221,.37), 0 1px 5px 0 rgba(221,221,221,.35);
 }
+
+.card:hover {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  transition-duration: .2s;
+  box-shadow: 0 10px 13px -6px rgba(221,221,221,.43), 0 21px 33px 3px rgba(221,221,221,.37), 0 8px 40px 7px rgba(221,221,221,.35);
+}