Merge remote-tracking branch 'origin/feature/pirati-cz' into feature/pirati-cz

# Conflicts:
#	main/styleguide/package-lock.json

main/styleguide/source/_data/data.json

 {
+  "btn-text": "Zobrazit další",
   "key": "value",
   "key2": "use this for variables you want to load globally",
   "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.",

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

-<div class="w-60 border border-grey-100 md:w-70 lg:w-80">
-  <div class="p-4 flex flex-col items-center text-center">
+<div class="p-4 flex flex-col items-center text-center border border-grey-100">
   <img class="rounded-full shadow-sm w-12 mb-2" src="https://randomuser.me/api/portraits/women/56.jpg"
        alt="user image"/>
   <h5 class="font-alt mb-2">Tomáš Marný</h5>
@@ -13,4 +12,3 @@
     <i class="ico--twitter text-turquoise-400 text-xl"></i>
   </a>
 </div>
-</div>

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

@@ -3,11 +3,19 @@
     Co právě děláme
   </h2>
   <div class="mb-8 flex flex-wrap justify-center">
+    <div class="md:w-1/3 lg:w-1/4">
       {{> molecules-twitter-box }}
+    </div>
+    <div class="md:w-1/3 lg:w-1/4">
       {{> molecules-twitter-box }}
+    </div>
+    <div class="md:w-1/3 lg:w-1/4">
       {{> molecules-twitter-box }}
+    </div>
+    <div class="md:w-1/3 lg:w-1/4">
       {{> molecules-twitter-box }}
     </div>
+  </div>
   <div class="flex justify-center">
     {{> atoms-button-animated btn-text="Zobrazit další" }}
   </div>