[FIX] hp boxes

main/styleguide/source/_patterns/molecules/box-link.mustache

-<div class="mb-1 w-80 h-80 flex bg-white flex-col items-center justify-center md:mr-1">
+<div class="mb-1 w-60 w-80 h-80 flex bg-white flex-col items-center justify-center md:mr-1">
   <img src="https://i.picsum.photos/id/865/90/100.jpg?hmac=0E2Zv4lGASwKCcZxquMc_v2Y3Rg68gw21euyRQ1bu80" alt="" class="mb-8">
-  <h5 class="head-6xl mb-8">naloď se k pirátům</h5>
+  <h5 class="head-4xl mb-8">naloď se k pirátům</h5>
   {{> atoms-button-animated(btn-text: "Přidat se k nám") }}
 </div>

main/styleguide/source/_patterns/organisms/box-links-section.mustache

 <div class="bg-cover bg-no-repeat section-clip py-16 lg:py-36"
      style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
-  <div class="container--medium mx-4">
+  <div class="container--medium">
     <h2 class="head-7xl text-center mb-6 xl:mb-28">
       Piráti zastupují občany
     </h2>

main/styleguide/source/css/atoms/container.pcss

@@ -10,7 +10,7 @@
 .container--medium {
   @apply px-5;
   margin: auto;
-  max-width: 1300px;
+  max-width: 1350px;
 }
 
 .container--wide {

main/styleguide/source/css/atoms/heading.pcss

@@ -159,7 +159,7 @@
 }
 
 .head-4xl {
-  @apply font-alt text-xl font-medium leading-7 tracking-tight uppercase mb-5 lg:text-4xl lg:leading-10 xl:text-4xl;
+  @apply font-alt text-xl font-medium leading-7 tracking-tight uppercase mb-5 lg:leading-10 xl:text-4xl;
 }
 
 .head-6xl {