[ADD] region

main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache

 <a href="" class="btn btn__slide__wrap {{ classes }}">
-          <span class="btn bg-black text-white w-32">
+          <span class="btn text-sm bg-black text-white w-32 lg:text-base">
             {{ btn-text }}
           </span>
-  <span class="btn bg-white text-black w-32">
+  <span class="btn text-sm bg-white text-black w-32 lg:text-base">
     {{ btn-text }}
   </span>
 </a>

main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache

@@ -2,11 +2,11 @@
   <img
       src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o"
       alt=""
-      class="mr-4"
+      class="mr-4 h-32 w-32"
   >
   <div class="flex flex-col justify-between items-start">
-    <span class="text-green-500">23.2.2022</span>
-    <h4 class="uppercase">
+    <span class="text-sm text-green-500 lg:text-base">23.2.2022</span>
+    <h4 class="text-sm uppercase lg:text-base">
       Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
       ale skutečná. Jak nenaletět internetovým šmejdům?
     </h4>

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

 <div class="section-clip py-32 bg-no-repeat"
      style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
   <div class="container--medium mx-auto px-4 ">
-    <h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center mb-16">
-      Piráti v regionech
+    <h2 class="head-7xl text-center mb-14 lg:mb-28">
+      Piráti zastupují občany
     </h2>
-    <div class="flex">
-      <div class="w-7/12 flex items-center justify-center">
+    <div class="flex flex-wrap">
+      <div class="w-12/12 flex items-center justify-center lg:w-7/12">
         MAPA
       </div>
-      <div class="w-5/12">
-        <div class="flex flex-col">
+      <div class="w-12/12 lg:w-5/12">
+        <div class="flex flex-col justify-center">
           {{> atoms-form-select }}
-
           <div class="mb-3">
             {{> molecules-small-article-preview }}
           </div>