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

main/styleguide/source/_patterns/atoms/form-fields/form-checkbox.mustache

-<div class="checkbox form-field__control {{ classes }}">
+<div class="checkbox form-field__control flex items-center {{ classes }}">
   <input type="checkbox" id="checkbox_1" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
-  <label class="text-xs font-bold" for="checkbox_1">{{ label }}</label>
+  <label class="text-xs font-alt font-light" for="checkbox_1">{{ label }}</label>
 </div>

main/styleguide/source/_patterns/atoms/form-fields/form-input.mustache

-<input type="text" class="text-input form-field__control {{ classes }}" value="" placeholder="{{ placeholder }}{{^ placeholder }}{{ form.placeholder }}{{/ placeholder }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }} />
+<input type="text" class="text-input bg-white form-field__control {{ classes }}" value="" placeholder="{{ placeholder }}{{^ placeholder }}{{ form.placeholder }}{{/ placeholder }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }} />

main/styleguide/source/_patterns/organisms/newsletter-section.mustache

-<div class="section-clip bg-cover bg-no-repeat flex py-16 lg:py-36"
-     style="background-image: url('https://images.pexels.com/photos/3073681/pexels-photo-3073681.jpeg')">
-  <div class="grid-container items-center px-4">
-    <div class="grid-full flex flex-col">
-      <div class="flex space-x-3 mb-4">
-        <i class="ico--anchor text-7xl xl:text-9xl mb-4 xl:w-1/4"></i>
-        <h5 class="uppercase mt-4 head-alt-md xl:head-alt-lg">Odebírej náš <br> newsletter</h5>
-      </div>
-      <div class="flex xl:space-x-3 flex-wrap flex-col xl:flex-row">
-          <span class="uppercase text-sm xl:text-base font-bold mb-2 xl:w-1/4">
+<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:h-screen relative z-10">
+  <img src="../../images/background-images/bg-bartos-newsletter.jpg" alt="" class="absolute h-full w-full object-cover">
+  <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10">
+    <div class="grid-full flex flex-col xl:flex-row">
+      <div class="flex xl:flex-col items-center mb-4 xl:items-start xl:w-1/4">
+        <i class="ico--anchor mr-2 text-7xl xl:mr-0 xl:text-9xl xl:mb-4 xl:w-full"></i>
+        <span class="uppercase text-xl xl:text-base font-bold mb-2 xl:w-full">
             Fake news tam nenajdeš, ale dozvíš se co chystáme doopravdy!
           </span>
-        <div class="">
-          {{> atoms-form-input(placeholder: "Tvůj email", classes: "mb-3 w-full") }}
-          {{> atoms-form-checkbox(label: "Souhlasím se zpracováním osobních údajů", classes: "mb-3") }}
-          {{> atoms-button-animated(btn-text: "Odebírat") }}
-        </div>
+      </div>
+      <div class="flex flex-col items-start">
+        <h5 class="font-alt text-6xl xl:text-7xl uppercase">Odebírej náš <br> newsletter</h5>
+        {{> atoms-form-input(placeholder: "Tvůj email", classes: "mb-3 w-full") }}
+        {{> atoms-form-checkbox(label: "Souhlasím se zpracováním osobních údajů", classes: "mb-3") }}
+        {{> atoms-button-animated(btn-text: "Odebírat") }}
       </div>
     </div>
   </div>