Merge branch 'feature/pirati-cz' into feature/pirati-cz-quidecek

main/styleguide/source/css/organisms/navbar.pcss

@@ -81,22 +81,20 @@
 
 .bar1, .bar2, .bar3 {
   width: 35px;
-  height: 5px;
+  height: 2px;
   background-color: white;
   margin: 6px 0;
   transition: 0.4s;
 }
 
 #menuToggle:checked + label .bar1 {
-  -webkit-transform: rotate(45deg) translate(-9px, 6px);
-  transform: rotate(-45deg) translate(-9px, 6px);
+  transform: rotate(-45deg) translate(-3px, 4px);
   background-color: black;
 }
 
 #menuToggle:checked + label .bar2 {opacity: 0;}
 
 #menuToggle:checked + label .bar3 {
-  -webkit-transform: rotate(-45deg) translate(-8px, -8px);
   transform: rotate(45deg) translate(-8px, -8px);
   background-color: black;
 }

main/templates/main/blocks/people_overview_block.html

 {% load wagtailimages_tags %}
 
-<div class="container--medium mb-8 xl:min-h-screen flex flex-col justify-center lg:mb-16">
+<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36">
+  <div class="container--wide mx-auto z-10">
     <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
       {{ self.title }}
     </h2>
-  <div class="flex flex-wrap space-x-1 justify-center gap-2 md:gap-1 items-center">
+    <div class="flex flex-wrap gap-2 md:gap-1 justify-center items-center md:flex-row">
       {% for box in self.list %}
         {% image box.image fill-500x500 as box_image %}
-      <div class="background-hover-zoom w-96 h-60 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80"
+        <div
+          class="background-hover-zoom w-96 h-60 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80"
           style="background-image: url('{{ box_image.url }}')">
           <h5 class="head-alt-md text-white mt-24 mb-8">
             {{ box.title }}
@@ -17,3 +19,4 @@
       {% endfor %}
     </div>
   </div>
+</div>