commit 328047009591d2cc9f3c6f6149570633e349e2cd
Author: Dorian Zedler <dorian@itsblue.de>
Date:   Sun Dec 11 11:21:36 2022 +0000

    Update pages  🚀

diff --git a/.domains b/.domains
new file mode 100644
index 0000000..0ae6e80
--- /dev/null
+++ b/.domains
@@ -0,0 +1 @@
+alsnaechstesgehtesrauszum.fun
\ No newline at end of file
diff --git a/categories/index.xml b/categories/index.xml
new file mode 100644
index 0000000..973ecc2
--- /dev/null
+++ b/categories/index.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Als nächstes geht es raus zum Fun!</title><link>https://alsnaechstesgehtesrauszum.fun/categories/</link><description>Recent content in Categories on Als nächstes geht es raus zum Fun!</description><generator>Hugo -- gohugo.io</generator><language>de-de</language><atom:link href="https://alsnaechstesgehtesrauszum.fun/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
diff --git a/css/svg-icons.css b/css/svg-icons.css
new file mode 100644
index 0000000..872ec70
--- /dev/null
+++ b/css/svg-icons.css
@@ -0,0 +1,2350 @@
+/*=====================================================
+Important! 
+/js/svg-icons.js is required.
+======================================================= */
+
+/*=====================================================
+Font Awesome 4.4 as SVG Icons via http://fontastic.me  
+class = .fa- (Go to https://fortawesome.github.io/Font-Awesome/icons/)
+
+SVG ICONS - Don't use icon fonts: 
+https://speakerdeck.com/ninjanails/death-to-fa-fonts
+======================================================= */
+
+svg {
+	display: inline-block;
+	vertical-align: middle;
+	width: 1em;
+	height: 1em;
+
+}
+[class*="fa-"].large{font-size: 8rem;}
+
+
+.fa-glass {
+	width: 1.0000000298023224em;
+}
+
+.fa-music {
+	width: 0.8571396097540855em;
+}
+
+.fa-search {
+	width: 0.9285706554849185em;
+}
+
+.fa-envelope-o {
+	width: 1.000000972300768em;
+}
+
+.fa-heart {
+	width: 0.9999999646097422em;
+}
+
+.fa-star {
+	width: 0.9285713043063879em;
+}
+
+.fa-star-o {
+	width: 0.9285713043063879em;
+}
+
+.fa-user {
+	width: 0.785713868836563em;
+}
+
+.fa-film {
+	width: 1.071429569274187em;
+}
+
+.fa-th-large {
+	width: 0.9285712415972966em;
+}
+
+.fa-th {
+	width: 1.0000000521540642em;
+}
+
+.fa-th-list {
+	width: 1.0000000521540642em;
+}
+
+.fa-check {
+	width: 1.0000000596046448em;
+}
+
+.fa-close {
+	width: 0.7857149094343185em;
+}
+
+.fa-search-plus {
+	width: 0.9285706554849185em;
+}
+
+.fa-search-minus {
+	width: 0.9285706554849185em;
+}
+
+.fa-power-off {
+	width: 0.8571455205480252em;
+}
+
+.fa-signal {
+	width: 0.9999999916180968em;
+}
+
+.fa-trash-o {
+	width: 0.7857138803228736em;
+}
+
+.fa-home {
+	width: 0.928572153672576em;
+}
+
+.fa-file-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-clock-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-road {
+	width: 1.0714228972792625em;
+}
+
+.fa-download {
+	width: 0.9285713359713554em;
+}
+
+.fa-arrow-circle-o-down {
+	width: 0.8571425850192682em;
+}
+
+.fa-arrow-circle-o-up {
+	width: 0.8571425850192682em;
+}
+
+.fa-inbox {
+	width: 0.8571455143392086em;
+}
+
+.fa-play-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-repeat {
+	width: 0.8571445668737852em;
+}
+
+.fa-refresh {
+	width: 0.8571436268589423em;
+}
+
+.fa-list-alt {
+	width: 1.000000972300768em;
+}
+
+.fa-lock {
+	width: 1.000000972300768em;
+}
+
+.fa-flag {
+	width: 1.0357158780097961em;
+}
+
+.fa-headphones {
+	width: 0.9285684004426003em;
+}
+
+.fa-volume-off {
+	width: 0.42857232317328453em;
+}
+
+.fa-volume-down {
+	width: 0.642858412116766em;
+}
+
+.fa-volume-up {
+	width: 0.9285729192197323em;
+}
+
+.fa-qrcode {
+	width: 0.7857138514518738em;
+}
+
+.fa-tag {
+	width: 0.8454238213598728em;
+}
+
+.fa-tags {
+	width: 1.0597098506987095em;
+}
+
+.fa-book {
+	width: 0.9302451089024544em;
+}
+
+.fa-bookmark {
+	width: 0.7142852507531643em;
+}
+
+.fa-print {
+	width: 0.9285733308643103em;
+}
+
+.fa-camera {
+	width: 1.0714288031060732em;
+}
+
+.fa-font {
+	width: 0.9285733103752136em;
+}
+
+.fa-bold {
+	width: 0.7857098877429962em;
+}
+
+.fa-italic {
+	width: 0.5714278221130371em;
+}
+
+.fa-text-height {
+	width: 1.000002734363079em;
+}
+
+.fa-text-width {
+	width: 0.857142724096775em;
+}
+
+.fa-align-left {
+	width: 0.9999999664723873em;
+}
+
+.fa-align-center {
+	width: 1.0000009797513485em;
+}
+
+.fa-align-right {
+	width: 1.0000009797513485em;
+}
+
+.fa-align-justify {
+	width: 1.0000009797513485em;
+}
+
+.fa-list {
+	width: 0.9999999906867743em;
+}
+
+.fa-dedent {
+	width: 0.9999989476054907em;
+}
+
+.fa-indent {
+	width: 0.9999989476054907em;
+}
+
+.fa-video-camera {
+	width: 0.9999980057277753em;
+}
+
+.fa-image {
+	width: 1.071429569274187em;
+}
+
+.fa-pencil {
+	width: 0.8454248607158661em;
+}
+
+.fa-map-marker {
+	width: 0.8714316554367542em;
+	margin-top: -0.2em;
+}
+
+.fa-adjust {
+	width: 0.8571425850192682em;
+}
+
+.fa-tint {
+	width: 0.8714316815137863em;
+}
+
+.fa-edit {
+	width: 0.9955342138805463em;
+}
+
+.fa-share-square-o {
+	width: 0.9285693491497113em;
+}
+
+.fa-check-square-o {
+	width: 0.9280096615352704em;
+}
+
+.fa-arrows {
+	width: 0.9999999888241291em;
+}
+
+.fa-step-backward {
+	width: 0.5714307241141796em;
+}
+
+.fa-fast-backward {
+	width: 1.000000935047865em;
+}
+
+.fa-backward {
+	width: 0.9966524690389633em;
+}
+
+.fa-play {
+	width: 0.7851562518626451em;
+}
+
+.fa-pause {
+	width: 0.8571436069905758em;
+}
+
+.fa-stop {
+	width: 0.8571436069905758em;
+}
+
+.fa-forward {
+	width: 0.8604901600629091em;
+}
+
+.fa-fast-forward {
+	width: 0.9999990034848452em;
+}
+
+.fa-step-forward {
+	width: 0.5714267063885927em;
+}
+
+.fa-eject {
+	width: 0.85825614631176em;
+}
+
+.fa-chevron-left {
+	width: 0.7500009983778em;
+}
+
+.fa-chevron-right {
+	width: 0.6785712540149689em;
+}
+
+.fa-plus-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-minus-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-times-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-check-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-question-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-info-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-crosshairs {
+	width: 0.8571436069905758em;
+}
+
+.fa-times-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-check-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-ban {
+	width: 0.8571426247557004em;
+}
+
+.fa-arrow-left {
+	width: 0.8928571492433548em;
+}
+
+.fa-arrow-right {
+	width: 0.8214280630151052em;
+}
+
+.fa-arrow-up {
+	width: 0.9285692870616913em;
+}
+
+.fa-arrow-down {
+	width: 0.9285712018609047em;
+}
+
+.fa-mail-forward {
+	width: 1.0000031888484955em;
+}
+
+.fa-expand {
+	width: 0.8571445606648922em;
+}
+
+.fa-compress {
+	width: 0.8571445886045694em;
+}
+
+.fa-plus {
+	width: 0.785714827477932em;
+}
+
+.fa-minus {
+	width: 0.7857138440012932em;
+}
+
+.fa-asterisk {
+	width: 0.9285713285207748em;
+}
+
+.fa-exclamation-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-leaf {
+	width: 0.9999980080174282em;
+}
+
+.fa-fire {
+	width: 0.7857128586620092em;
+}
+
+.fa-eye {
+	width: 0.9999980051070452em;
+}
+
+.fa-eye-slash {
+	width: 1.000001983717084em;
+}
+
+.fa-exclamation-triangle {
+	width: 0.9999999636784196em;
+}
+
+.fa-plane {
+	width: 0.7860879210056737em;
+}
+
+.fa-calendar {
+	width: 0.9285707051554937em;
+}
+
+.fa-random {
+	width: 0.9999999022111297em;
+}
+
+.fa-comment {
+	width: 0.9999974196152834em;
+}
+
+.fa-magnet {
+	width: 0.8571425850192682em;
+}
+
+.fa-chevron-up {
+	width: 0.9999999701976776em;
+}
+
+.fa-chevron-down {
+	width: 0.9999999850988388em;
+}
+
+.fa-retweet {
+	width: 1.0714306645095348em;
+}
+
+.fa-shopping-cart {
+	width: 0.9285732470452785em;
+}
+
+.fa-folder {
+	width: 0.9285712813336886em;
+}
+
+.fa-folder-open {
+	width: 1.0485479356721044em;
+}
+
+.fa-arrows-v {
+	width: 0.42857228219509125em;
+}
+
+.fa-arrows-h {
+	width: 1.000000972300768em;
+}
+
+.fa-bar-chart {
+	width: 1.1428574323654175em;
+}
+
+
+
+.fa-camera-retro {
+	width: 1.0000000074505806em;
+}
+
+.fa-key {
+	width: 0.9391738375027963em;
+}
+
+.fa-cogs {
+	width: 1.0714287403970957em;
+}
+
+.fa-comments {
+	width: 1.0000034073991628em;
+}
+
+.fa-thumbs-o-up {
+	width: 0.8571465983986855em;
+}
+
+.fa-thumbs-o-down {
+	width: 0.8571435585618019em;
+}
+
+.fa-star-half {
+	width: 0.4642870929092169em;
+}
+
+.fa-heart-o {
+	width: 1.0000009778887033em;
+}
+
+.fa-sign-out {
+	width: 0.875000032285854em;
+}
+
+.fa-linkedin-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-thumb-tack {
+	width: 0.6428600810468197em;
+}
+
+.fa-external-link {
+	width: 0.9999981845417096em;
+}
+
+.fa-sign-in {
+	width: 0.8571436069905758em;
+}
+
+.fa-trophy {
+	width: 0.9285706554849185em;
+}
+
+.fa-upload {
+	width: 0.9285723492503166em;
+}
+
+.fa-lemon-o {
+	width: 0.8565869312733412em;
+}
+
+.fa-phone {
+	width: 0.7857128540053964em;
+}
+
+.fa-square-o {
+	width: 0.7857118571796491em;
+}
+
+.fa-bookmark-o {
+	width: 0.7142852507531643em;
+}
+
+.fa-phone-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-unlock {
+	width: 1.000000972300768em;
+}
+
+.fa-credit-card {
+	width: 1.0714279003441334em;
+}
+
+.fa-feed {
+	width: 0.7864560410380363em;
+}
+
+.fa-hdd-o {
+	width: 0.8571435995399952em;
+}
+
+.fa-bullhorn {
+	width: 1.000001672655344em;
+}
+
+.fa-bell-o {
+	width: 0.999999426305294em;
+}
+
+.fa-certificate {
+	width: 0.8571425257250667em;
+}
+
+.fa-hand-o-right {
+	width: 1.0000000074505806em;
+}
+
+.fa-hand-o-left {
+	width: 0.9999989792704582em;
+}
+
+.fa-hand-o-up {
+	width: 0.8571425552167966em;
+}
+
+.fa-hand-o-down {
+	width: 0.8571416288614273em;
+}
+
+.fa-arrow-circle-left {
+	width: 0.8571425850192682em;
+}
+
+.fa-arrow-circle-right {
+	width: 0.8571425850192682em;
+}
+
+.fa-arrow-circle-up {
+	width: 0.8571425850192682em;
+}
+
+.fa-arrow-circle-down {
+	width: 0.8571425850192682em;
+}
+
+.fa-wrench {
+	width: 0.9391775503754616em;
+}
+
+.fa-tasks {
+	width: 1.0000009797513485em;
+}
+
+.fa-filter {
+	width: 0.7857138165272772em;
+}
+
+.fa-arrows-alt {
+	width: 0.857147540897131em;
+}
+
+.fa-group {
+	width: 1.071428755919138em;
+}
+
+.fa-chain {
+	width: 0.9285723119974136em;
+}
+
+.fa-cloud {
+	width: 1.0714285423358234em;
+}
+
+.fa-flask {
+	width: 0.9285696372389793em;
+}
+
+.fa-cut {
+	width: 0.9975810423493385em;
+}
+
+.fa-copy {
+	width: 1.0000010058283806em;
+}
+
+.fa-paperclip {
+	width: 0.7857148349285126em;
+}
+
+.fa-floppy-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-bars {
+	width: 0.8571436069905758em;
+}
+
+.fa-list-ul {
+	width: 1.0000010132789612em;
+}
+
+.fa-list-ol {
+	width: 1.0083701331168413em;
+}
+
+.fa-strikethrough {
+	width: 0.9999989485368133em;
+}
+
+.fa-underline {
+	width: 0.8571445560082793em;
+}
+
+.fa-table {
+	width: 0.9285723157227039em;
+}
+
+.fa-magic {
+	width: 0.9436386581510305em;
+}
+
+.fa-truck {
+	width: 1.0357128381729126em;
+}
+
+.fa-pinterest {
+	width: 0.8571391701698303em;
+}
+
+.fa-pinterest-square {
+	width: 0.8571406031646802em;
+}
+
+.fa-google-plus-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-google-plus {
+	width: 1.2857149516544268em;
+}
+
+.fa-money {
+	width: 1.0714295767247677em;
+}
+
+.fa-caret-down {
+	width: 0.571429718285799em;
+}
+
+.fa-caret-up {
+	width: 0.5714296959340572em;
+}
+
+.fa-caret-left {
+	width: 0.3928574174642563em;
+}
+
+.fa-caret-right {
+	width: 0.32142970090126255em;
+}
+
+.fa-columns {
+	width: 0.9285723157227039em;
+}
+
+.fa-sort {
+	width: 0.5714296959340572em;
+}
+
+.fa-sort-desc {
+	width: 0.571429718285799em;
+}
+
+.fa-sort-asc {
+	width: 0.5714296959340572em;
+}
+
+.fa-envelope {
+	width: 1.0000022239983082em;
+}
+
+.fa-linkedin {
+	width: 0.8571429451305903em;
+}
+
+.fa-rotate-left {
+	width: 0.8571445606648922em;
+}
+
+.fa-gavel {
+	width: 1.0106014609336853em;
+}
+
+.fa-dashboard {
+	width: 1.000001922249794em;
+}
+
+.fa-comment-o {
+	width: 0.9999974196152834em;
+}
+
+.fa-comments-o {
+	width: 1.0000035266084524em;
+}
+
+.fa-bolt {
+	width: 1.000000972300768em;
+}
+
+.fa-sitemap {
+	width: 1.0000010058283806em;
+}
+
+.fa-umbrella {
+	width: 0.9285703394562006em;
+}
+
+.fa-clipboard {
+	width: 1.000001959502697em;
+}
+
+.fa-lightbulb-o {
+	width: 0.5714296922087669em;
+}
+
+.fa-exchange {
+	width: 0.9999989476054907em;
+}
+
+.fa-cloud-download {
+	width: 1.0714285423358234em;
+}
+
+.fa-cloud-upload {
+	width: 1.0714285423358234em;
+}
+
+.fa-user-md {
+	width: 0.785713868836563em;
+}
+
+.fa-stethoscope {
+	width: 0.7857138092319147em;
+}
+
+.fa-suitcase {
+	width: 1.000000116725687em;
+}
+
+.fa-bell {
+	width: 0.999999426305294em;
+}
+
+.fa-coffee {
+	width: 1.0357122694451846em;
+}
+
+.fa-cutlery {
+	width: 0.7857128530740738em;
+}
+
+.fa-file-text-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-building-o {
+	width: 1.000000116725687em;
+}
+
+.fa-hospital-o {
+	width: 1.000000116725687em;
+}
+
+.fa-ambulance {
+	width: 1.1071423441171646em;
+}
+
+.fa-medkit {
+	width: 1.000000116725687em;
+}
+
+.fa-fighter-jet {
+	width: 1.0714295953512192em;
+}
+
+.fa-beer {
+	width: 0.9642851203680038em;
+}
+
+.fa-h-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-plus-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-angle-double-left {
+	width: 0.5892861261963844em;
+}
+
+.fa-angle-double-right {
+	width: 0.5535723362118006em;
+}
+
+.fa-angle-double-up {
+	width: 0.642861433327198em;
+}
+
+.fa-angle-double-down {
+	width: 0.6428574100136757em;
+}
+
+.fa-angle-left {
+	width: 0.3750009909272194em;
+}
+
+.fa-angle-right {
+	width: 0.3392861280590296em;
+}
+
+.fa-angle-up {
+	width: 0.642861433327198em;
+}
+
+.fa-angle-down {
+	width: 0.6428574100136757em;
+}
+
+.fa-desktop {
+	width: 1.071435708552599em;
+}
+
+.fa-laptop {
+	width: 1.071429569274187em;
+}
+
+.fa-tablet {
+	width: 1.071429569274187em;
+}
+
+.fa-mobile {
+	width: 1.071429569274187em;
+}
+
+.fa-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-quote-left {
+	width: 0.9285713583230972em;
+}
+
+.fa-quote-right {
+	width: 0.9285713285207748em;
+}
+
+.fa-spinner {
+	width: 1.0000000596046448em;
+}
+
+.fa-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-mail-reply {
+	width: 1.0000029690563679em;
+}
+
+.fa-folder-o {
+	width: 0.9285712813336886em;
+}
+
+.fa-folder-open-o {
+	width: 1.0652896141011752em;
+}
+
+.fa-smile-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-frown-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-meh-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-gamepad {
+	width: 1.0714295854171496em;
+}
+
+.fa-keyboard-o {
+	width: 1.0714286640286446em;
+}
+
+.fa-flag-o {
+	width: 1.0357160121202469em;
+}
+
+.fa-flag-checkered {
+	width: 1.0357160121202469em;
+}
+
+.fa-terminal {
+	width: 0.9358262214809656em;
+}
+
+.fa-code {
+	width: 1.0714276805520058em;
+}
+
+.fa-mail-reply-all {
+	width: 0.9999999292194843em;
+}
+
+.fa-star-half-empty {
+	width: 0.9285682821646333em;
+}
+
+.fa-location-arrow {
+	width: 0.7859947793185711em;
+}
+
+.fa-crop {
+	width: 0.9285703515633941em;
+}
+
+.fa-code-fork {
+	width: 0.5714296698570251em;
+}
+
+.fa-chain-broken {
+	width: 0.9285713344191509em;
+}
+
+.fa-question {
+	width: 0.6221200153231621em;
+}
+
+.fa-info {
+	width: 0.857143547385931em;
+}
+
+.fa-exclamation {
+	width: 0.857143547385931em
+}
+
+.fa-superscript {
+	width: 0.8588164150714874em;
+}
+
+.fa-subscript {
+	width: 0.8599326312541962em;
+}
+
+.fa-eraser {
+	width: 1.071428793715313em;
+}
+
+.fa-puzzle-piece {
+	width: 0.9285733483266085em;
+}
+
+.fa-microphone {
+	width: 0.6428574770689011em;
+}
+
+.fa-microphone-slash {
+	width: 0.7857128698378801em;
+}
+
+.fa-shield {
+	width: 0.7142831720411777em;
+}
+
+.fa-calendar-o {
+	width: 0.9285707051554937em;
+}
+
+.fa-fire-extinguisher {
+	width: 0.7845058117527515em;
+}
+
+.fa-rocket {
+	width: 0.9441959485411644em;
+}
+
+.fa-maxcdn {
+	width: 0.9815869629383087em;
+}
+
+.fa-chevron-circle-left {
+	width: 0.8571425850192682em;
+}
+
+.fa-chevron-circle-right {
+	width: 0.8571425850192682em;
+}
+
+.fa-chevron-circle-up {
+	width: 0.8571425850192682em;
+}
+
+.fa-chevron-circle-down {
+	width: 0.8571425850192682em;
+}
+
+.fa-html5 {
+	width: 0.7857138514518738em;
+}
+
+.fa-css3 {
+	width: 1.0000000596046448em;
+}
+
+.fa-anchor {
+	width: 0.9999980125576258em;
+}
+
+.fa-unlock-alt {
+	width: 1.000000972300768em;
+}
+
+.fa-bullseye {
+	width: 0.8571425850192682em;
+}
+
+.fa-ellipsis-h {
+	width: 0.7857148125767708em;
+}
+
+.fa-ellipsis-v {
+	width: 0.21428712457418442em;
+}
+
+.fa-rss-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-play-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-ticket {
+	width: 1.0005576871335506em;
+}
+
+.fa-minus-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-minus-square-o {
+	width: 0.7857118571796491em;
+}
+
+.fa-level-up {
+	width: 0.5734755680896342em;
+}
+
+.fa-level-down {
+	width: 0.5731032819021493em;
+}
+
+.fa-check-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-pencil-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-external-link-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-share-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-caret-square-o-down {
+	width: 0.8571416462459638em;
+}
+
+.fa-caret-square-o-up {
+	width: 0.8571416462459638em;
+}
+
+.fa-caret-square-o-right {
+	width: 0.8571416462459638em;
+}
+
+.fa-eur {
+	width: 0.565288751386106em;
+}
+
+.fa-gbp {
+	width: 0.5691953515633941em;
+}
+
+.fa-dollar {
+	width: 0.5691973492503166em;
+}
+
+.fa-inr {
+	width: 0.5011180695146322em;
+}
+
+.fa-cny {
+	width: 0.5731013106415048em;
+}
+
+.fa-rouble {
+	width: 0.7142853057011962em;
+}
+
+.fa-krw {
+	width: 1.0000009899958968em;
+}
+
+.fa-bitcoin {
+	width: 0.736978217959404em;
+}
+
+.fa-file {
+	width: 0.8571426197886467em;
+}
+
+.fa-file-text {
+	width: 0.8571426197886467em;
+}
+
+.fa-sort-alpha-asc {
+	width: 0.9428952634334564em;
+}
+
+.fa-sort-alpha-desc {
+	width: 0.9428952634334564em;
+}
+
+.fa-sort-amount-asc {
+	width: 1.0159967839717865em;
+}
+
+.fa-sort-amount-desc {
+	width: 1.0159967839717865em;
+}
+
+.fa-sort-numeric-asc {
+	width: 0.8452380001544952em;
+}
+
+.fa-sort-numeric-desc {
+	width: 0.8452380001544952em;
+}
+
+.fa-thumbs-up {
+	width: 0.8928591571748257em;
+}
+
+.fa-thumbs-down {
+	width: 0.8928584419190884em;
+}
+
+.fa-youtube-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-youtube {
+	width: 0.8571435324847698em;
+}
+
+.fa-xing {
+	width: 0.786087267100811em;
+}
+
+.fa-xing-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-youtube-play {
+	width: 1.0000000305008143em;
+}
+
+.fa-stack-overflow {
+	width: 0.8571415841579437em;
+}
+
+.fa-instagram {
+	width: 0.8571416462459638em;
+}
+
+.fa-flickr {
+	width: 0.8571436131993941em;
+}
+
+.fa-adn {
+	width: 0.8571425850192682em;
+}
+
+.fa-bitbucket {
+	width: 0.78617824614048em;
+}
+
+.fa-bitbucket-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-tumblr {
+	width: 0.6093739867210388em;
+}
+
+.fa-tumblr-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-long-arrow-down {
+	width: 0.42857166891917586em;
+}
+
+.fa-long-arrow-up {
+	width: 0.4285729229450226em;
+}
+
+.fa-long-arrow-left {
+	width: 1.0357138589024544em;
+}
+
+.fa-long-arrow-right {
+	width: 0.9642862295731902em;
+}
+
+.fa-female {
+	width: 0.7142941057682037em;
+}
+
+.fa-male {
+	width: 0.5714317113161087em;
+}
+
+.fa-gittip {
+	width: 0.8571425850192682em;
+}
+
+.fa-sun-o {
+	width: 1.0000000223517418em;
+}
+
+.fa-moon-o {
+	width: 0.8213352287809048em;
+}
+
+.fa-archive {
+	width: 1.0000020563602448em;
+}
+
+.fa-bug {
+	width: 0.9285741709172726em;
+}
+
+.fa-vk {
+	width: 1.0777527708560228em;
+}
+
+.fa-weibo {
+	width: 1.0041852121551074em;
+}
+
+.fa-renren {
+	width: 0.8571416437625885em;
+}
+
+.fa-pagelines {
+	width: 0.7823682955154254em;
+}
+
+.fa-stack-exchange {
+	width: 0.7142871618270874em;
+}
+
+.fa-arrow-circle-o-right {
+	width: 0.8571425850192682em;
+}
+
+.fa-arrow-circle-o-left {
+	width: 0.8571425850192682em;
+}
+
+.fa-caret-square-o-left {
+	width: 0.8571416462459638em;
+}
+
+.fa-dot-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-wheelchair {
+	width: 0.9090400412678719em;
+}
+
+.fa-vimeo-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-try {
+	width: 0.6428615320473909em;
+}
+
+.fa-plus-square-o {
+	width: 0.7857118571796491em;
+}
+
+.fa-space-shuttle {
+	width: 1.214285247027874em;
+}
+
+.fa-slack {
+	width: 0.9285693690180779em;
+}
+
+.fa-envelope-square {
+	width: 0.8571436131993941em;
+}
+
+.fa-wordpress {
+	width: 1.0000000049670539em;
+}
+
+.fa-openid {
+	width: 0.9999983335533216em;
+}
+
+.fa-bank {
+	width: 1.0714267492294312em;
+}
+
+.fa-graduation-cap {
+	width: 1.2857187371701002em;
+}
+
+.fa-yahoo {
+	width: 0.8571445047855377em;
+}
+
+.fa-google {
+	width: 0.8398430943489075em;
+}
+
+.fa-reddit {
+	width: 1.0000000049670539em;
+}
+
+.fa-reddit-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-stumbleupon-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-stumbleupon {
+	width: 1.0714269926149882em;
+}
+
+.fa-delicious {
+	width: 0.8571416462459638em;
+}
+
+.fa-digg {
+	width: 1.1428574323654175em;
+}
+
+.fa-pied-piper {
+	width: 0.8571416462459638em;
+}
+
+.fa-pied-piper-alt {
+	width: 1.1372744292020798em;
+}
+
+.fa-drupal {
+	width: 0.8571418623128011em;
+}
+
+.fa-joomla {
+	width: 0.8571426148215924em;
+}
+
+.fa-language {
+	width: 0.8571416030172259em;
+}
+
+.fa-fax {
+	width: 1.0000000037252903em;
+}
+
+.fa-building {
+	width: 0.7857138179242611em;
+}
+
+.fa-child {
+	width: 0.7142872214317322em;
+}
+
+.fa-paw {
+	width: 0.9285706828037519em;
+}
+
+.fa-spoon {
+	width: 1.0000000298023224em;
+}
+
+.fa-cube {
+	width: 0.9285703506320715em;
+}
+
+.fa-cubes {
+	width: 1.2142920158803463em;
+}
+
+.fa-behance {
+	width: 1.1428583860397339em;
+}
+
+.fa-behance-square {
+	width: 0.8571436131993941em;
+}
+
+.fa-steam {
+	width: 0.9999989867210388em;
+}
+
+.fa-steam-square {
+	width: 0.8571436131992414em;
+}
+
+.fa-recycle {
+	width: 1.0012093782424927em;
+}
+
+.fa-automobile {
+	width: 1.1428605308756232em;
+}
+
+.fa-cab {
+	width: 1.1428585043177009em;
+}
+
+.fa-tree {
+	width: 0.8571485541760921em;
+}
+
+.fa-spotify {
+	width: 0.8571425850192682em;
+}
+
+.fa-deviantart {
+	width: 0.5714287161827087em;
+}
+
+.fa-soundcloud {
+	width: 1.2857149858027697em;
+}
+
+.fa-database {
+	width: 0.8571426197886467em;
+}
+
+.fa-file-pdf-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-word-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-excel-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-powerpoint-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-image-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-archive-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-audio-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-movie-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-file-code-o {
+	width: 0.8571445867419243em;
+}
+
+.fa-vine {
+	width: 0.857145681977272em;
+}
+
+.fa-codepen {
+	width: 1.0000000298023224em;
+}
+
+.fa-jsfiddle {
+	width: 1.1428555250167847em;
+}
+
+.fa-life-bouy {
+	width: 1.0000000049670539em;
+}
+
+.fa-circle-o-notch {
+	width: 0.9999980702996254em;
+}
+
+.fa-ra {
+	width: 0.999438002705574em;
+}
+
+.fa-empire {
+	width: 1.0000000049670539em;
+}
+
+.fa-git-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-git {
+	width: 1.0000000447034836em;
+}
+
+.fa-hacker-news {
+	width: 0.8571416462459638em;
+}
+
+.fa-tencent-weibo {
+	width: 0.7142878770828247em;
+}
+
+.fa-qq {
+	width: 1.0000018551945686em;
+}
+
+.fa-wechat {
+	width: 1.142860472202301em;
+}
+
+.fa-paper-plane {
+	width: 1.0009309110464528em;
+}
+
+.fa-paper-plane-o {
+	width: 1.0005583113525063em;
+}
+
+.fa-history {
+	width: 0.8571445606648922em;
+}
+
+.fa-circle-thin {
+	width: 0.8571425850192682em;
+}
+
+.fa-header {
+	width: 1.0000018998980522em;
+}
+
+.fa-paragraph {
+	width: 0.7265684753656387em;
+}
+
+.fa-sliders {
+	width: 0.8571425676345825em;
+}
+
+.fa-share-alt {
+	width: 0.8571425974369049em;
+}
+
+.fa-share-alt-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-bomb {
+	width: 1.0000009909272194em;
+}
+
+.fa-futbol-o {
+	width: 1.0000000049670539em;
+}
+
+.fa-tty {
+	width: 1.0000020181760192em;
+}
+
+.fa-binoculars {
+	width: 1.0000019930303097em;
+}
+
+.fa-plug {
+	width: 0.9999989569187164em;
+}
+
+.fa-slideshare {
+	width: 1.000006040558219em;
+}
+
+.fa-twitch {
+	width: 0.9999990165233612em;
+}
+
+.fa-yelp {
+	width: 0.8580739721655846em;
+}
+
+.fa-newspaper-o {
+	width: 1.1428594440221786em;
+}
+
+.fa-wifi {
+	width: 1.142857201397419em;
+}
+
+.fa-calculator {
+	width: 0.9285713012019414em;
+}
+
+.fa-google-wallet {
+	width: 0.9977688640356064em;
+}
+
+.fa-cc-visa {
+	width: 1.2857130939760282em;
+}
+
+.fa-cc-mastercard {
+	width: 1.2857130939760282em;
+}
+
+.fa-cc-discover {
+	width: 1.2857129871845245em;
+}
+
+.fa-cc-amex {
+	width: 1.285718947649002em;
+}
+
+.fa-cc-paypal {
+	width: 1.2857130939760282em;
+}
+
+.fa-cc-stripe {
+	width: 1.2857130939760282em;
+}
+
+.fa-bell-slash {
+	width: 1.1428565569221973em;
+}
+
+.fa-bell-slash-o {
+	width: 1.1428565569221973em;
+}
+
+.fa-trash {
+	width: 0.7857138803228736em;
+}
+
+.fa-copyright {
+	width: 0.8571425850192682em;
+}
+
+.fa-at {
+	width: 0.8571425999204312em;
+}
+
+.fa-eyedropper {
+	width: 1.0000010132789612em;
+}
+
+.fa-paint-brush {
+	width: 0.9988838285207748em;
+}
+
+.fa-birthday-cake {
+	width: 0.9999999776482582em;
+}
+
+.fa-area-chart {
+	width: 1.1428574323654175em;
+}
+
+.fa-pie-chart {
+	width: 0.964285093049206em;
+}
+
+.fa-line-chart {
+	width: 1.1428574323654175em;
+}
+
+.fa-lastfm {
+	width: 1.0000022376577817em;
+}
+
+.fa-lastfm-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-toggle-off {
+	width: 1.142858593414303em;
+}
+
+.fa-toggle-on {
+	width: 1.14285634085536em;
+}
+
+.fa-bicycle {
+	width: 1.28571296234918em;
+}
+
+.fa-bus {
+	width: 0.8571415692567825em;
+}
+
+.fa-ioxhost {
+	width: 1.1428571175783873em;
+}
+
+.fa-angellist {
+	width: 0.7142852619290352em;
+}
+
+.fa-cc {
+	width: 1.1428574323654175em;
+}
+
+.fa-ils {
+	width: 0.7678564703091979em;
+}
+
+.fa-meanpath {
+	width: 0.8571436131994687em;
+}
+
+.fa-buysellads {
+	width: 0.8571436107158661em;
+}
+
+.fa-connectdevelop {
+	width: 1.1428584707900882em;
+}
+
+.fa-dashcube {
+	width: 0.785714864730835em;
+}
+
+.fa-forumbee {
+	width: 0.8571425694972277em;
+}
+
+.fa-leanpub {
+	width: 1.142857511062175em;
+}
+
+.fa-sellsy {
+	width: 1.1428565382957458em;
+}
+
+.fa-shirtsinbulk {
+	width: 0.8571415543556213em;
+}
+
+.fa-simplybuilt {
+	width: 1.142860271036625em;
+}
+
+.fa-skyatlas {
+	width: 1.14285752673959em;
+}
+
+.fa-cart-plus {
+	width: 0.928574200719595em;
+}
+
+.fa-cart-arrow-down {
+	width: 0.928574200719595em;
+}
+
+.fa-diamond {
+	width: 1.142861483618617em;
+}
+
+.fa-ship {
+	width: 1.142856314778328em;
+}
+
+.fa-user-secret {
+	width: 0.785717862347763em;
+}
+
+.fa-motorcycle {
+	width: 1.2885052015384417em;
+}
+
+.fa-street-view {
+	width: 0.7857207879424095em;
+}
+
+.fa-heartbeat {
+	width: 1.0000009760260582em;
+}
+
+.fa-venus {
+	width: 0.6395084308460355em;
+}
+
+.fa-mars {
+	width: 0.8571416437625885em;
+}
+
+.fa-mercury {
+	width: 0.6428571790456772em;
+}
+
+.fa-intersex {
+	width: 0.7823648327030241em;
+}
+
+.fa-transgender-alt {
+	width: 0.9285693382844329em;
+}
+
+.fa-venus-double {
+	width: 0.9999989913776517em;
+}
+
+.fa-mars-double {
+	width: 1.0690097333863378em;
+}
+
+.fa-venus-mars {
+	width: 1.1376486765220761em;
+}
+
+.fa-mars-stroke {
+	width: 0.8571426570415497em;
+}
+
+.fa-mars-stroke-v {
+	width: 0.6395094422623515em;
+}
+
+.fa-mars-stroke-h {
+	width: 1.066592177376151em;
+}
+
+.fa-neuter {
+	width: 0.6428564637899399em;
+}
+
+.fa-genderless {
+	width: 0.6428574621677399em;
+}
+
+.fa-facebook-official {
+	width: 0.8571436237543821em;
+}
+
+.fa-pinterest-p {
+	width: 0.7142868041992188em;
+}
+
+.fa-whatsapp {
+	width: 0.857144296169281em;
+}
+
+.fa-user-plus {
+	width: 1.1428584034244977em;
+}
+
+.fa-user-times {
+	width: 1.1378349239627532em;
+}
+
+.fa-bed {
+	width: 1.1428574621677399em;
+}
+
+.fa-viacoin {
+	width: 0.8571425676345825em;
+}
+
+.fa-train {
+	width: 0.857141618927244em;
+}
+
+.fa-subway {
+	width: 0.857141618927244em;
+}
+
+.fa-medium {
+	width: 1.0000000428408384em;
+}
+
+.fa-y-combinator {
+	width: 0.8571425676345825em;
+}
+
+.fa-optin-monster {
+	width: 1.2812500447034836em;
+}
+
+.fa-opencart {
+	width: 1.2865476533770561em;
+}
+
+.fa-expeditedssl {
+	width: 1.0000000049670539em;
+}
+.fa-battery-full {
+	width: 1.2857148237526417em;
+}
+.fa-battery-4 {
+	width: 1.2857148237526417em;
+}
+
+.fa-battery-3 {
+	width: 1.285716611891985em;
+}
+
+.fa-battery-2 {
+	width: 1.285716611891985em;
+}
+
+.fa-battery-1 {
+	width: 1.285716611891985em;
+}
+
+.fa-battery-0 {
+	width: 1.285716611891985em;
+}
+
+.fa-mouse-pointer {
+	width: 0.6463916040956974em;
+}
+
+.fa-i-cursor {
+	width: 0.5em;
+}
+
+.fa-object-group {
+	width: 1.142856389284134em;
+}
+
+.fa-object-ungroup {
+	width: 1.2857120633125305em;
+}
+
+.fa-sticky-note {
+	width: 0.8571426197886467em;
+}
+
+.fa-sticky-note-o {
+	width: 0.8571405932307243em;
+}
+
+.fa-cc-jcb {
+	width: 1.2857130939760282em;
+}
+
+.fa-cc-diners-club {
+	width: 1.2857130939760282em;
+}
+
+.fa-clone {
+	width: 0.9999999590218067em;
+}
+
+.fa-balance-scale {
+	width: 1.2942902165651321em;
+}
+
+.fa-hourglass-o {
+	width: 0.8571416353806853em;
+}
+
+.fa-hourglass-1 {
+	width: 0.8571416353806853em;
+}
+
+.fa-hourglass-2 {
+	width: 0.8571416353806853em;
+}
+
+.fa-hourglass-3 {
+	width: 0.8571416353806853em;
+}
+
+.fa-hourglass {
+	width: 0.8571436023339629em;
+}
+
+.fa-hand-grab-o {
+	width: 0.8571436107158661em;
+}
+
+.fa-hand-paper-o {
+	width: 0.9107128493487835em;
+}
+
+.fa-hand-scissors-o {
+	width: 0.9999980007607974em;
+}
+
+.fa-hand-lizard-o {
+	width: 1.1428582593798637em;
+}
+
+.fa-hand-spock-o {
+	width: 1.0714277178049088em;
+}
+
+.fa-hand-pointer-o {
+	width: 0.9285682551562786em;
+}
+
+.fa-trademark {
+	width: 1.1008171644061804em;
+}
+
+.fa-registered {
+	width: 1.0000000049670539em;
+}
+
+.fa-creative-commons {
+	width: 1.0000000049670539em;
+}
+
+.fa-gg {
+	width: 1.142856478691101em;
+}
+
+.fa-gg-circle {
+	width: 1.0000000049670539em;
+}
+
+.fa-tripadvisor {
+	width: 1.2857139185070992em;
+}
+
+.fa-odnoklassniki {
+	width: 0.7142824977636337em;
+}
+
+.fa-odnoklassniki-square {
+	width: 0.8571416462459638em;
+}
+
+.fa-get-pocket {
+	width: 0.959822304546833em;
+}
+
+.fa-wikipedia-w {
+	width: 1.2857110323384404em;
+}
+
+.fa-safari {
+	width: 1.0000000049670539em;
+}
+
+.fa-chrome {
+	width: 1.0002786591649055em;
+}
+
+.fa-firefox {
+	width: 0.9985101446509361em;
+}
+
+.fa-opera {
+	width: 1.0000011399388313em;
+}
+
+.fa-internet-explorer {
+	width: 0.9999980032444em;
+}
+
+.fa-television {
+	width: 1.1714316554367542em;
+}
+
+.fa-contao {
+	width: 1.000000111758709em;
+}
+
+.fa-500px {
+	width: 0.7951981648802757em;
+}
+
+.fa-amazon {
+	width: 1.0010244324803352em;
+}
+
+.fa-calendar-plus-o {
+	width: 0.9285713012019414em;
+}
+
+.fa-calendar-minus-o {
+	width: 0.9285707051554937em;
+}
+
+.fa-calendar-times-o {
+	width: 0.9285707051554937em;
+}
+
+.fa-calendar-check-o {
+	width: 0.9285707051554937em;
+}
+
+.fa-industry {
+	width: 0.9999989531934261em;
+}
+
+.fa-map-pin {
+	width: 0.5714278568824156em;
+}
+
+.fa-map-signs {
+	width: 1.0000010207295418em;
+}
+
+.fa-map-o {
+	width: 1.1428583338856697em;
+}
+
+.fa-map {
+	width: 0.9999999906867743em;
+}
+
+.fa-commenting {
+	width: 1.0000040555996748em;
+}
+
+.fa-commenting-o {
+	width: 0.9999974196152834em;
+}
+
+.fa-houzz {
+	width: 0.5714277625083923em;
+}
+
+.fa-vimeo {
+	width: 1.0050220787525177em;
+}
+
+.fa-black-tie {
+	width: 0.8571425676345825em;
+}
+
+.fa-fonticons {
+	width: 0.8571425676345825em;
+}
+
+.fa-reddit-alien {
+	width: 1.0000009834766388em;
+}
+
+.fa-edge {
+	width: 0.9999999701976776em;
+}
+
+.fa-credit-card-alt {
+	width: 1.2857139110565186em;
+}
+
+.fa-codiepie {
+	width: 0.9542412211497626em;
+}
+
+.fa-modx {
+	width: 0.9999999403953552em;
+}
+
+.fa-fort-awesome {
+	width: 0.9285743236541748em;
+}
+
+.fa-usb {
+	width: 1.2857153688868266em;
+}
+
+.fa-product-hunt {
+	width: 1.0000000049670539em;
+}
+
+.fa-mixcloud {
+	width: 1.2857142388820648em;
+}
+
+.fa-scribd {
+	width: 0.8569198697805405em;
+}
+
+.fa-pause-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-pause-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-stop-circle {
+	width: 0.8571425850192682em;
+}
+
+.fa-stop-circle-o {
+	width: 0.8571425850192682em;
+}
+
+.fa-shopping-bag {
+	width: 0.9999990325886756em;
+}
+
+.fa-shopping-basket {
+	width: 1.1428582395116678em;
+}
+
+.fa-hashtag {
+	width: 1.000002235174179em;
+}
+
+.fa-bluetooth {
+	width: 0.8571405559778214em;
+}
+
+.fa-bluetooth-b {
+	width: 0.5714296698570251em;
+}
+
+.fa-percent {
+	width: 0.857141618927244em;
+}
+.fa-university {
+	width: 1.1428583338856697em;
+}
\ No newline at end of file
diff --git a/css/webslides.css b/css/webslides.css
new file mode 100644
index 0000000..bb87416
--- /dev/null
+++ b/css/webslides.css
@@ -0,0 +1,3791 @@
+/*!
+ * Name: WebSlides
+ * Version: 1.5.0
+ * Date: 2017-09-16
+ * Description: Making HTML presentations easy
+ * URL: https://github.com/webslides/webslides#readme
+ * Credits: @jlantunez, @LuisSacristan, @Belelros
+ */
+@charset "UTF-8";
+/*-----------------------------------------------------------------------------------
+	0. CSS Reset & Normalize
+	1. Base
+		1.1 Wrap/Container
+		1.2 Animations
+		1.3 Responsive Media (videos, iframe, screenshots...)
+		1.4 Basic Grid (2,3,4 columns)
+	2. Typography & Lists
+		2.1 Headings with background
+		2.2 Classes: .text-
+		2.3 San Francisco Font (Apple)
+	3. Header & Footer
+		3.1 Logo
+	4. Navigation
+		4.1 Navbars
+	5. SLIDES (vertically and horizontally centered)
+		5.1 Mini container & Alignment
+		5.2 Counter / Navigation Slides
+		5.3 Background Images/Video
+	6. Magic blocks = .flexblock (Flexible blocks with auto-fill and equal height).
+		6.1 .flexblock.features
+		6.2 .flexblock.clients
+		6.3 .flexblock.steps
+		6.4 .flexblock.metrics
+		6.5 .flexblock.specs
+		6.6 .flexblock.reasons
+		6.7 .flexblock.gallery
+		6.8 .flexblock.plans
+		6.9. flexblock.activity
+	7. Promos/Offers (pricing, tagline, CTA...)
+	8. Work / Resume / CV
+	9. Table of contents
+	10. Cards
+	11. Quotes
+	12. Avatars
+	13. Tables
+	14. Forms
+  15. Longform Elements
+	16. Safari Bug (flex-wrap)
+	17. Slidex index (aka zoom)
+  18. Print
+  19. Colors
+----------------------------------------------------------------------------------- */
+/*
+=========================================
+0. CSS Reset & Normalize
+=========================================
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline; }
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+blockquote,
+q {
+  quotes: '' ''; }
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: ''; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin-bottom: 24px;
+  width: 100%; }
+
+html {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+*,
+*::before,
+*::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit; }
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline; }
+
+embed,
+iframe,
+object {
+  max-width: 100%; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+[hidden],
+template {
+  display: none; }
+
+ul {
+  list-style: square;
+  text-indent: inherit; }
+
+ol {
+  list-style: decimal; }
+
+b,
+strong {
+  font-weight: 600; }
+
+a {
+  background-color: transparent; }
+
+a:active,
+a:hover {
+  outline: 0; }
+
+sup,
+sub {
+  font-size: .75em;
+  height: 0;
+  line-height: 2.2em;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  bottom: 1ex; }
+
+sub {
+  top: .5ex; }
+
+small {
+  font-size: .75em;
+  line-height: 1.72; }
+
+big {
+  font-size: 1.25em; }
+
+hr {
+  border: 0;
+  clear: both;
+  display: block;
+  height: 1px;
+  margin: 3.2rem auto;
+  text-align: center;
+  width: 100%; }
+
+h2 + hr,
+h3 + hr {
+  margin-bottom: 4.8rem; }
+
+p + hr {
+  margin-bottom: 4rem; }
+
+dfn,
+cite,
+em,
+i {
+  font-style: italic; }
+
+abbr,
+acronym {
+  cursor: help; }
+
+mark,
+ins {
+  padding: 0 4px;
+  text-decoration: none;
+  text-shadow: none; }
+
+::-moz-selection {
+  text-shadow: none; }
+
+::selection {
+  text-shadow: none; }
+
+img {
+  border: 0;
+  height: auto;
+  max-width: 100%; }
+
+img:hover {
+  opacity: .9; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+figure {
+  line-height: 0;
+  margin: 0;
+  position: relative; }
+
+optgroup {
+  font-weight: bold; }
+
+td,
+th {
+  padding: 0; }
+
+dt {
+  font-weight: bold; }
+
+dd {
+  margin: 0; }
+
+/*=== Clearing === */
+header:before, header:after,
+main:before,
+main:after,
+section:before,
+section:after,
+aside:before,
+aside:after,
+footer:before,
+footer:after,
+.clear:before,
+.clear:after,
+.wrap:before,
+.wrap:after {
+  content: '';
+  display: table; }
+
+header:after,
+main:after,
+section:after,
+aside:after,
+footer:after,
+.clear:after,
+.wrap:after {
+  clear: both; }
+
+/*=========================================
+1. Base --> Baseline: 8px = .8rem
+=========================================== */
+/* -- Disable elastic scrolling/bounce:
+webslides.js will add .ws-ready automatically. Don't worry :) -- */
+.ws-ready,
+.ws-ready body {
+  height: 100%;
+  overflow: hidden;
+  width: 100%; }
+
+.ws-ready.ws-ready-zoom {
+  overflow: visible; }
+  .ws-ready.ws-ready-zoom body {
+    overflow: auto; }
+
+#webslides {
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+  height: 100vh;
+  overflow-x: hidden;
+  overflow-y: scroll; }
+  #webslides::-webkit-scrollbar {
+    display: none; }
+
+li li {
+  margin-left: 1.6rem; }
+
+a,
+a:active,
+a:focus,
+a:visited,
+input:focus,
+textarea:focus,
+button {
+  text-decoration: none;
+  -webkit-transition: all .3s ease-out;
+  transition: all .3s ease-out; }
+
+p a:active {
+  position: relative;
+  top: 2px; }
+
+nav a[rel='external'] em,
+.hidden {
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  width: 1px; }
+
+.shadow {
+  position: relative; }
+  .shadow:before, .shadow:after {
+    bottom: 1.6rem;
+    content: '';
+    max-width: 300px;
+    position: absolute;
+    top: 80%;
+    width: 50%;
+    z-index: -1; }
+  .shadow:after {
+    right: 2.4rem;
+    -webkit-transform: rotate(3deg);
+            transform: rotate(3deg); }
+  .shadow:before {
+    left: 2.4rem;
+    -webkit-transform: rotate(-3deg);
+            transform: rotate(-3deg); }
+
+/*=== 1.1 WRAP/CONTAINER === */
+.wrap,
+header nav,
+footer nav {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 2; }
+  @media (min-width: 1024px) {
+    .wrap,
+    header nav,
+    footer nav {
+      width: 90%; } }
+
+.frame,
+.shadow {
+  padding: 2.4rem; }
+
+.radius {
+  border-radius: .4rem; }
+
+.alignright {
+  float: right; }
+
+.alignleft {
+  float: left; }
+
+.aligncenter {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center; }
+
+img.aligncenter,
+figure.aligncenter {
+  display: block;
+  margin-bottom: .8rem;
+  margin-top: .8rem; }
+
+img.alignleft,
+figure.alignleft,
+img.alignright,
+figure.alignright,
+img.aligncenter,
+figure.aligncenter {
+  margin-bottom: 3.2rem;
+  margin-top: 3.2rem; }
+
+img.alignright,
+svg.alignright,
+figure.alignright {
+  margin: .8rem 0 .8rem 2.4rem; }
+
+img.alignleft,
+svg.alignleft,
+figure.alignleft {
+  margin: .8rem 2.4rem .8rem 0; }
+
+/*=== div.size-60, img.size-50, h1.size-40, p.size-30... === */
+@media (min-width: 1024px) {
+  .size-80 {
+    width: 80%; }
+  .size-70 {
+    width: 70%; }
+  .size-60 {
+    width: 60%; }
+  .size-50 {
+    width: 50%; }
+  .size-40 {
+    width: 40%; }
+  .size-30 {
+    width: 30%; }
+  .size-20 {
+    width: 20%; } }
+
+pre,
+code {
+  font-family: 'Cousine', monospace; }
+
+pre {
+  font-size: 1.6rem;
+  line-height: 2.4rem;
+  overflow: auto;
+  padding: 2.4rem;
+  text-align: left;
+  white-space: pre-wrap;
+  width: 100%;
+  word-wrap: break-word; }
+  pre + p {
+    margin-top: 3.2rem; }
+  pre code {
+    padding: 0; }
+
+code {
+  padding: .4rem; }
+
+/* === 1.2 Animations ================
+Just 5 basic animations:
+.fadeIn, .fadeInUp, .zoomIn, .slideInLeft, and .slideInRight
+https://github.com/daneden/animate.css */
+/*-- fadeIn -- */
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
+@keyframes fadeIn {
+  from {
+    opacity: 0; }
+  to {
+    opacity: 1; } }
+
+.fadeIn {
+  -webkit-animation: fadeIn 1s;
+          animation: fadeIn 1s; }
+
+/*-- fadeInUp -- */
+@-webkit-keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0); }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none; } }
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0); }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none; } }
+
+.fadeInUp {
+  -webkit-animation: fadeInUp 1s;
+          animation: fadeInUp 1s; }
+
+/*-- zoomIn -- */
+@-webkit-keyframes zoomIn {
+  from {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+            transform: scale3d(0.3, 0.3, 0.3); }
+  50% {
+    opacity: 1; } }
+@keyframes zoomIn {
+  from {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+            transform: scale3d(0.3, 0.3, 0.3); }
+  50% {
+    opacity: 1; } }
+
+.zoomIn {
+  -webkit-animation: zoomIn 1s;
+          animation: zoomIn 1s; }
+
+/*-- slideInLeft -- */
+@-webkit-keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+    visibility: visible; }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+@keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+    visibility: visible; }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+
+.slideInLeft {
+  -webkit-animation: slideInLeft 1s;
+          animation: slideInLeft 1s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both; }
+
+/*-- slideInRight -- */
+@-webkit-keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+    visibility: visible; }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+@keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+    visibility: visible; }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+
+.slideInRight {
+  -webkit-animation: slideInRight 1s;
+          animation: slideInRight 1s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both; }
+
+/* Animated Background (Matrix) */
+@-webkit-keyframes anim {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(-1200px);
+            transform: translateY(-1200px); } }
+@keyframes anim {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(-1200px);
+            transform: translateY(-1200px); } }
+
+/* Duration */
+.slow {
+  -webkit-animation-duration: 4s;
+          animation-duration: 4s; }
+  .slow + .slow {
+    -webkit-animation-duration: 5s;
+            animation-duration: 5s; }
+
+/*=== 1.3 Responsive Media (videos, iframe...) === */
+.embed {
+  height: 0;
+  overflow: hidden;
+  /*aspect ratio:16:9*/
+  padding-bottom: 56.6%;
+  /*aspect ratio: 4:3*/
+  /*padding-bottom: 75%;*/
+  position: relative;
+  /* -- Responsive background video
+  https://fvsch.com/code/video-background/ -- */ }
+  .embed iframe,
+  .embed object,
+  .embed embed,
+  .embed video {
+    height: 100%;
+    left: 0;
+    margin: 0;
+    position: absolute;
+    top: 0;
+    width: 100%; }
+  .fullscreen > .embed {
+    bottom: 0;
+    height: auto;
+    left: 0;
+    padding-bottom: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    /* 1. No object-fit support: */ }
+    .fullscreen > .embed > iframe,
+    .fullscreen > .embed > object,
+    .fullscreen > .embed > embed,
+    .fullscreen > .embed > video {
+      /* 2. If supporting object-fit, overriding (1): */ }
+      @media (min-aspect-ratio: 16 / 9) {
+        .fullscreen > .embed > iframe,
+        .fullscreen > .embed > object,
+        .fullscreen > .embed > embed,
+        .fullscreen > .embed > video {
+          height: 300%;
+          top: -100%; } }
+      @media (max-aspect-ratio: 16 / 9) {
+        .fullscreen > .embed > iframe,
+        .fullscreen > .embed > object,
+        .fullscreen > .embed > embed,
+        .fullscreen > .embed > video {
+          left: -100%;
+          width: 300%; } }
+      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
+        .fullscreen > .embed > iframe,
+        .fullscreen > .embed > object,
+        .fullscreen > .embed > embed,
+        .fullscreen > .embed > video {
+          height: 100%;
+          left: 0;
+          -o-object-fit: cover;
+             object-fit: cover;
+          top: 0;
+          width: 100%; } }
+
+/*=== HTML Browser (Screenshots) ================ */
+/* <figure class="browser"> img </figure> */
+.browser {
+  border-radius: .3rem;
+  margin: 0 auto 3.2rem;
+  max-width: 1024px;
+  overflow: hidden; }
+  li .browser {
+    margin-bottom: 0; }
+  h1 + .browser,
+  h2 + .browser,
+  p + .browser {
+    margin-top: 4.8rem; }
+  .browser figcaption {
+    padding: 2.4rem; }
+  .browser:before {
+    content: '\25CF   \25CF   \25CF';
+    font-size: .8rem;
+    left: 0;
+    line-height: 0;
+    padding: 1.6rem;
+    position: absolute;
+    text-align: left;
+    top: 0;
+    width: 100%; }
+    @media (min-width: 768px) {
+      .browser:before {
+        font-size: 1.6rem; } }
+
+/*=== 1.4. Basic Grid (Flexible blocks)
+Auto-fill & Equal height === */
+.grid {
+  clear: both;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-left: auto;
+  margin-right: auto; }
+  .grid:after {
+    clear: both; }
+  .grid:before {
+    content: '';
+    display: table; }
+  .grid > .column {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-flex: 1;
+        -ms-flex: auto;
+            flex: auto;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    padding: 2.4rem;
+    position: relative;
+    -webkit-transition: .3s;
+    transition: .3s;
+    width: 100%; }
+  .grid.vertical-align .column {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  @media (min-width: 768px) {
+    .grid > .column {
+      width: 25%; }
+    .grid.sm .column:nth-child(1) {
+      width: 30%; }
+    .grid.sm .column:nth-child(2) {
+      width: 70%; }
+    .grid.ms .column:nth-child(1) {
+      width: 70%; }
+    .grid.ms .column:nth-child(2) {
+      width: 30%; }
+    .grid.sms .column:nth-child(2) {
+      width: 50%; } }
+
+/*============================
+2. TYPOGRAPHY & LISTS
+============================== */
+html,
+body {
+  font-weight: 300;
+  line-height: 1;
+  text-rendering: optimizeLegibility; }
+
+html,
+body,
+input,
+select,
+textarea {
+  font-family: 'Roboto', 'San Francisco', helvetica, arial, sans-serif;
+  font-size: 62.5%; }
+
+body,
+textarea {
+  font-size: 1.8rem; }
+
+p,
+li,
+dt,
+dd,
+time,
+table,
+big,
+textarea,
+label {
+  line-height: 3.2rem;
+  margin-bottom: 3.2rem; }
+
+li,
+p:last-child {
+  margin-bottom: 0; }
+
+ul > li,
+ol > li {
+  margin-left: 3.2rem; }
+
+li li {
+  font-size: 100%; }
+
+/*== List .description (Product/Specs) === */
+ul.description {
+  padding: 0; }
+  ul.description + p {
+    margin-top: 3.2rem; }
+  ul.description li {
+    padding-bottom: .8rem;
+    padding-top: .8rem;
+    position: relative;
+    -webkit-transition: .3s;
+    transition: .3s; }
+  ul.description li:hover {
+    padding-left: .4rem; }
+
+ul.description li,
+.column ul li {
+  list-style: none;
+  margin-left: 0; }
+
+.column ol > li {
+  margin-left: 1.6rem; }
+
+h1 svg,
+h2 svg,
+h3 svg,
+h4 svg {
+  margin-top: -.8rem; }
+
+.text-intro svg,
+.text-quote p svg,
+.wall p svg,
+.try svg {
+  margin-top: -.4rem; }
+
+h1 {
+  font-size: 4rem;
+  line-height: 5.6rem; }
+  @media (min-width: 768px) {
+    h1 {
+      font-size: 5.6rem;
+      line-height: 7.2rem; } }
+
+h1 span {
+  font-style: italic; }
+
+h2 {
+  font-size: 3.2rem;
+  line-height: 4.8rem; }
+  @media (min-width: 768px) {
+    h2 {
+      font-size: 4.8rem;
+      line-height: 6.4rem; } }
+
+h3 {
+  font-size: 2.4rem;
+  line-height: 4rem; }
+  @media (min-width: 768px) {
+    h3 {
+      font-size: 4rem;
+      line-height: 5.6rem; } }
+
+h4 {
+  font-size: 2.2rem;
+  line-height: 4rem; }
+  @media (min-width: 768px) {
+    h4 {
+      font-size: 3.2rem;
+      line-height: 4.8rem; } }
+
+h5 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 3.2rem; }
+
+h6 {
+  font-size: 1.8rem;
+  font-weight: 600;
+  line-height: 3.2rem; }
+
+h2.alignleft + p.alignright {
+  margin-bottom: 0;
+  margin-top: 1.2rem; }
+
+h3.alignleft + p.alignright {
+  margin-bottom: 0;
+  margin-top: .4rem; }
+
+h1 + h1 {
+  margin-top: .8rem; }
+
+h1 + h2 {
+  margin-top: .8rem; }
+
+h1 + h3 {
+  margin-top: .8rem; }
+
+h1 + h4 {
+  margin-top: .8rem; }
+
+h1 + h5 {
+  margin-top: .8rem; }
+
+h1 + h6 {
+  margin-top: .8rem; }
+
+h2 + h1 {
+  margin-top: .8rem; }
+
+h2 + h2 {
+  margin-top: .8rem; }
+
+h2 + h3 {
+  margin-top: .8rem; }
+
+h2 + h4 {
+  margin-top: .8rem; }
+
+h2 + h5 {
+  margin-top: .8rem; }
+
+h2 + h6 {
+  margin-top: .8rem; }
+
+h3 + h1 {
+  margin-top: .8rem; }
+
+h3 + h2 {
+  margin-top: .8rem; }
+
+h3 + h3 {
+  margin-top: .8rem; }
+
+h3 + h4 {
+  margin-top: .8rem; }
+
+h3 + h5 {
+  margin-top: .8rem; }
+
+h3 + h6 {
+  margin-top: .8rem; }
+
+h4 + h1 {
+  margin-top: .8rem; }
+
+h4 + h2 {
+  margin-top: .8rem; }
+
+h4 + h3 {
+  margin-top: .8rem; }
+
+h4 + h4 {
+  margin-top: .8rem; }
+
+h4 + h5 {
+  margin-top: .8rem; }
+
+h4 + h6 {
+  margin-top: .8rem; }
+
+h5 + h1 {
+  margin-top: .8rem; }
+
+h5 + h2 {
+  margin-top: .8rem; }
+
+h5 + h3 {
+  margin-top: .8rem; }
+
+h5 + h4 {
+  margin-top: .8rem; }
+
+h5 + h5 {
+  margin-top: .8rem; }
+
+h5 + h6 {
+  margin-top: .8rem; }
+
+h6 + h1 {
+  margin-top: .8rem; }
+
+h6 + h2 {
+  margin-top: .8rem; }
+
+h6 + h3 {
+  margin-top: .8rem; }
+
+h6 + h4 {
+  margin-top: .8rem; }
+
+h6 + h5 {
+  margin-top: .8rem; }
+
+h6 + h6 {
+  margin-top: .8rem; }
+
+h1 + img,
+h2 + img,
+h3 + img {
+  margin-bottom: 4.8rem;
+  margin-top: 4.8rem; }
+
+[class*='content-'] > [class*='content-'] h2,
+[class*='content-'] > [class*='content-'] h3,
+[class*='content-'] > [class*='content-'] h4 {
+  font-size: 2.4rem;
+  line-height: 4rem; }
+
+/*== 2.1. Headings with background ==*/
+h1[class*='bg-'] {
+  padding: 2.4rem; }
+
+h2[class*='bg-'] {
+  padding: 2.4rem; }
+
+h3[class*='bg-'] {
+  padding: 2.4rem; }
+
+h4[class*='bg-'] {
+  padding: 2.4rem; }
+
+h5[class*='bg-'] {
+  padding: 2.4rem; }
+
+h6[class*='bg-'] {
+  padding: 2.4rem; }
+
+ul[class*='bg-'],
+ol[class*='bg-'],
+li[class*='bg-'],
+p[class*='bg-'] {
+  padding: 2.4rem; }
+
+h1 [class*='bg-'],
+h2 [class*='bg-'],
+h3 [class*='bg-'] {
+  padding: .4rem .8rem; }
+
+/*== 2.2. Typography Classes = .text- == */
+.text-intro,
+[class*='content-'] p {
+  font-size: 2.4rem;
+  line-height: 4rem; }
+
+/* -- Serif -- */
+.text-serif,
+h1 span {
+  font-family: 'Maitree', times, serif; }
+
+/* -- h1,h2... Promo/Landings -- */
+.text-landing {
+  letter-spacing: .4rem;
+  text-transform: uppercase; }
+  @media (min-width: 768px) {
+    .text-landing {
+      letter-spacing: 1.6rem; } }
+
+/* -- Subtitle (Before h1, h2) p.subtitle + h1/h2 */
+.text-subtitle {
+  letter-spacing: .2rem;
+  margin-bottom: 0;
+  text-transform: uppercase; }
+  .text-subtitle p.text-subtitle {
+    font-size: 1.6rem; }
+    .text-subtitle p.text-subtitle svg {
+      vertical-align: text-top; }
+  .text-subtitle + p {
+    margin-top: 3.2rem; }
+
+.text-uppercase {
+  text-transform: uppercase; }
+
+.text-lowercase {
+  text-transform: lowercase; }
+
+/* -- Emoji (you'll love this) -- */
+.text-emoji {
+  font-size: 6.8rem;
+  line-height: 8.8rem; }
+  @media (min-width: 768px) {
+    .text-emoji {
+      font-size: 12.8rem;
+      line-height: 16rem; } }
+
+/* -- Numbers (results, sales... 23,478,289 iphones) -- */
+.text-data {
+  font-size: 6.4rem;
+  line-height: 8rem;
+  margin-bottom: .8rem; }
+  @media (min-width: 768px) {
+    .text-data {
+      font-size: 15.2rem;
+      line-height: 16.8rem; } }
+
+.text-label {
+  display: inline-block;
+  font-weight: 600;
+  text-transform: uppercase;
+  width: 12.8rem; }
+
+/* -- Magazine Two Columns -- */
+@media (min-width: 768px) {
+  .text-cols {
+    -webkit-column-count: 2;
+            column-count: 2;
+    -webkit-column-gap: 4.8rem;
+            column-gap: 4.8rem;
+    text-align: left; }
+  .text-landing + .text-cols {
+    margin-top: 3.2rem; } }
+
+.text-cols p:first-child:first-letter {
+  float: left;
+  font-size: 11rem;
+  font-weight: 600;
+  line-height: 1;
+  margin: -.4rem 1.6rem 0 0;
+  padding: 0;
+  text-transform: uppercase; }
+
+/* -- Heading with border -- */
+.text-context {
+  position: relative; }
+  .text-context:before {
+    content: '';
+    display: block;
+    height: .2rem;
+    margin-bottom: .6rem;
+    width: 12rem; }
+    .column .text-context:before {
+      width: 100%; }
+  .text-context.text-uppercase {
+    letter-spacing: .1rem; }
+
+/* -- Separator/Symbols (stars ***...) -- */
+.text-symbols {
+  font-weight: 600;
+  letter-spacing: .8rem;
+  text-align: center; }
+
+.text-separator {
+  margin-top: 2.4rem; }
+  .text-separator:before {
+    content: '';
+    height: .4rem;
+    left: 0;
+    margin-top: -1.6rem;
+    position: absolute;
+    width: 16%; }
+  @media (min-width: 568px) {
+    .text-separator {
+      margin-left: 20%;
+      margin-top: 0;
+      width: 80%; }
+      .text-separator:before {
+        margin-top: 1.2rem; } }
+
+/* -- Pull Quote (Right/Left)  -- */
+[class*='text-pull'] {
+  font-size: 2.4rem;
+  font-weight: 400;
+  line-height: 4rem;
+  margin-bottom: 3.2rem;
+  margin-left: 2.4rem;
+  margin-right: 2.4rem;
+  position: relative; }
+
+[class*='text-pull-'] {
+  margin-top: .8rem;
+  padding-top: 1.4rem; }
+  @media (min-width: 1024px) {
+    [class*='text-pull-'] {
+      margin-left: -4.8rem;
+      margin-right: -4.8rem; } }
+
+@media (min-width: 568px) {
+  [class*='text-pull-'] {
+    max-width: 40%; }
+  .text-pull-right {
+    float: right;
+    margin-left: 2.4rem;
+    margin-right: -2.4rem; }
+  .text-pull-left {
+    float: left;
+    margin-left: -2.4rem;
+    margin-right: 2.4rem; } }
+
+img[class*='text-pull-'],
+figure[class*='text-pull-'] {
+  margin-top: .8rem;
+  padding-top: 0; }
+
+/* -- Interviews (Questions & Answers)  --- */
+/* -- <dl class="text-interview">
+<dt>name</dt>
+<dd><p>question or answer</p>
+</dd>
+--- */
+.text-interview dt {
+  font-weight: 600;
+  margin-bottom: 0;
+  text-transform: uppercase; }
+
+@media (min-width: 1024px) {
+  .text-interview dt {
+    margin-left: -34%;
+    position: absolute;
+    text-align: right;
+    white-space: nowrap;
+    width: 30%; } }
+
+/* -- Info Messages (error, warning, success... -- */
+.text-info {
+  font-size: 1.6rem;
+  line-height: 2.4rem; }
+
+/*=========================================
+2.1. San Francisco Font (Apple's new font)
+=========================================== */
+.text-apple,
+.bg-apple {
+  font-family: 'San Francisco', helvetica, arial, sans-serif; }
+
+/* Ultra Light */
+@font-face {
+  font-family: 'San Francisco';
+  font-weight: 100;
+  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2"); }
+
+/* Thin */
+@font-face {
+  font-family: 'San Francisco';
+  font-weight: 200;
+  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2"); }
+
+/* Regular */
+@font-face {
+  font-family: 'San Francisco';
+  font-weight: 400;
+  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff2"); }
+
+/* Bold */
+@font-face {
+  font-family: 'San Francisco';
+  font-weight: bold;
+  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2"); }
+
+/*=========================================
+3. Header & Footer
+=========================================== */
+/* -- If you want an unique, global header/footer,read this:
+https://github.com/webslides/webslides/issues/57 -- */
+header,
+footer,
+#navigation {
+  padding: 2.4rem;
+  -webkit-transition: all .4s ease-in-out;
+  transition: all .4s ease-in-out;
+  width: 100%; }
+
+header p,
+footer p {
+  line-height: 4.8rem;
+  margin-bottom: 0; }
+
+header[role='banner'] img,
+footer img {
+  height: 4rem;
+  vertical-align: middle; }
+
+footer {
+  position: relative; }
+
+header,
+footer {
+  z-index: 3; }
+
+header,
+.ws-ready footer {
+  left: 0;
+  position: absolute;
+  top: 0; }
+
+.ws-ready footer {
+  bottom: 0;
+  top: auto; }
+
+header[role='banner'] {
+  opacity: 0; }
+  header[role='banner']:hover {
+    opacity: 1; }
+
+@media (max-width: 767px) {
+  footer .alignleft,
+  footer .alignright {
+    display: block;
+    float: none; } }
+
+/*=== 3.1. Logo === */
+.logo {
+  text-transform: lowercase; }
+  .logo a {
+    background: url("../images/logos/logo.svg") no-repeat 0 0;
+    background-size: 4.8rem;
+    float: left;
+    height: 4.8rem;
+    text-indent: -4000px;
+    /*If you remove text-indent and add: */
+    /*padding-left: 6rem;*/
+    vertical-align: middle;
+    width: 4.8rem; }
+
+/*=========================================
+4. Navigation
+=========================================== */
+/*=== 4.1. Navbars === */
+nav ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  /*====align left====*/
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  /* ==== align center ====*/
+  /*justify-content: center; */
+  /*====align right====*/
+  /* justify-content: flex-end; */
+  /*====separated columns li a====*/
+  /* justify-content: space-between; */
+  /*====separated columns centered li a====*/
+  /*justify-content: space-around;*/ }
+  nav ul li {
+    float: left;
+    list-style: none;
+    position: relative; }
+
+nav ul li:first-child,
+nav[role='navigation'] ul li {
+  margin-left: 0; }
+
+nav[role='navigation'] li a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  line-height: 4.8rem;
+  max-width: 100%;
+  padding: 0 1.6rem;
+  position: relative;
+  text-decoration: none; }
+  nav[role='navigation'] li a svg {
+    margin: 1.5rem .4rem 1.5rem 0; }
+
+header nav ul {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  margin: 0; }
+
+nav.aligncenter ul,
+.aligncenter nav ul {
+  /* ==== align center ====*/
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+nav.navbar ul li {
+  /*====full float li a ====*/
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto; }
+
+@media (max-width: 568px) {
+  nav.navbar ul {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-flow: column wrap;
+            flex-flow: column wrap;
+    padding: 0; }
+  nav.navbar li a {
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start; } }
+
+/*============================================
+5. SLIDES (Full Screen)
+Vertically and horizontally centered
+============================================== */
+/* Fade transition to all slides.
+* = All HTML elements will have those styles.*/
+section * {
+  -webkit-animation: fadeIn .6s ease-in-out;
+          animation: fadeIn .6s ease-in-out; }
+
+section .background,
+section .light,
+section .dark {
+  -webkit-animation-duration: 0s;
+          animation-duration: 0s; }
+
+/*=== Section = Slide === */
+section,
+.slide {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 100vh;
+  /*Fullscreen*/
+  /* Prototyping? min-height: 720px (Baseline: 8px = .8rem)*/
+  padding: 2.4rem;
+  /*Fixed/Visible header? padding-top: 12rem; */
+  page-break-after: always;
+  position: relative;
+  word-wrap: break-word; }
+  @media (min-width: 1024px) {
+    section,
+    .slide {
+      padding-bottom: 12rem;
+      padding-top: 12rem; } }
+
+/*slide with no padding (full card, .embed youtube video...) */
+.fullscreen {
+  padding: 0;
+  /* Fixed/Visible header?
+  padding:8.2rem 0 0 0;
+  */ }
+
+/* slide alignment - top */
+.slide-top {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start; }
+
+/* slide alignment - bottom */
+.slide-bottom {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end; }
+
+/*== 5.1. Mini container width:50%
+Aligned items [class*="content-"]=== */
+[class*='content-'] {
+  position: relative;
+  text-align: left; }
+
+.wrap[class*='bg-'],
+.wrap.frame,
+[class*='content-'][class*='bg-'],
+[class*='content-'].frame,
+[class*='align'][class*='bg-'] {
+  padding: 4.8rem; }
+
+form[class*='bg-'] {
+  padding: 2.4rem; }
+
+[class*='content-'] > [class*='content-'] p {
+  font-size: 1.8rem;
+  line-height: 3.2rem; }
+
+.content-center {
+  margin: 0 auto;
+  text-align: center; }
+
+@media (min-width: 768px) {
+  [class*='content-'] {
+    width: 50%; }
+    [class*='content-']:after, [class*='content-']:before {
+      content: '';
+      display: table; }
+    [class*='content-']:after {
+      clear: both; }
+  .content-left {
+    float: left; }
+  .content-right {
+    float: right; }
+  [class*='content-'] + [class*='content-'] {
+    margin-bottom: 4.8rem;
+    padding-left: 2.4rem; }
+  [class*='content-'] + [class*='size-'] {
+    clear: both;
+    margin-top: 6.4rem; } }
+
+/*=== 5.3 Slides - Background Images/Videos === */
+.background,
+[class*='background-'] {
+  background-repeat: no-repeat;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+/*=== BG Positions === */
+.background {
+  background-position: center;
+  background-size: cover;
+  /*fullscreen video
+    <video class="background-video">
+  */ }
+  .background-top {
+    background-position: top;
+    background-size: cover; }
+  .background-bottom {
+    background-position: bottom;
+    background-size: cover; }
+  .background-center {
+    background-position: center; }
+  .background-center-top {
+    background-position: center top; }
+  .background-right-top {
+    background-position: right top; }
+  .background-left-top {
+    background-position: left top; }
+  .background-center-bottom, .background-left-bottom, .background-right-bottom, .background-left, .background-right {
+    background-position: center bottom; }
+  @media (min-width: 1024px) {
+    .background-left-bottom {
+      background-position: left bottom; }
+    .background-right-bottom {
+      background-position: right bottom; }
+    .background-right {
+      background-position: right; }
+    .background-left {
+      background-position: left; } }
+  .background-video {
+    height: 100%;
+    -o-object-fit: fill;
+       object-fit: fill;
+    width: 100%; }
+
+/*=== bg image/video overlay === */
+/*-- [class*="bg-"] .background.dark, [class*="bg-"] .embed.dark...  -- */
+[class*='bg-'] .light,
+[class*='bg-'] .light {
+  opacity: .8; }
+
+[class*='bg-'] .dark,
+[class*='bg-'] .dark {
+  opacity: .2; }
+
+[class*='bg-'] .background-video.dark {
+  opacity: .5; }
+
+@media (max-width: 1023px) {
+  [class*='background-'] {
+    -webkit-animation: fadeIn ease-in .2;
+            animation: fadeIn ease-in .2;
+    opacity: .2; }
+  .background-video {
+    opacity: .8; } }
+
+/*=== Animated Background Image === */
+.background.anim {
+  -webkit-animation: anim 80s linear infinite;
+          animation: anim 80s linear infinite;
+  background-position: center top;
+  background-repeat: repeat;
+  background-size: 100%;
+  height: 200%; }
+
+/*=== Background with a frame === */
+/*<span class="background" style="background-image:url('image.jpg')"></span>
+<span class="background frame"></span>*/
+[class*='background'].frame {
+  margin: 2.4rem; }
+
+/* === 5.2 Counter / Navigation Slides  === */
+#navigation {
+  -webkit-animation: fadeIn 8s;
+          animation: fadeIn 8s;
+  bottom: 0;
+  left: 0;
+  margin-left: auto;
+  margin-right: auto;
+  opacity: 0;
+  position: fixed;
+  right: 0;
+  width: 24.4rem;
+  /* hover/visibility */
+  z-index: 4; }
+  #navigation:hover {
+    opacity: 1; }
+  #navigation p {
+    margin-bottom: 0; }
+
+#counter {
+  display: block;
+  line-height: 4.8rem;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  text-align: center;
+  width: 10rem; }
+  #counter a:hover {
+    padding: .8rem; }
+
+a#next,
+a#previous {
+  border-radius: .4rem;
+  cursor: pointer;
+  font-size: 2.4rem;
+  height: 4rem;
+  padding: .8rem;
+  position: absolute;
+  text-align: center;
+  width: 4rem; }
+
+a#next {
+  right: 3.2rem; }
+
+a#previous {
+  left: 3.2rem; }
+
+@media (max-width: 1024px) {
+  #navigation {
+    -webkit-animation: fadeIn 6s;
+            animation: fadeIn 6s;
+    background: url("../images/swipe.svg") no-repeat center top;
+    background-size: 4.8rem; }
+  #navigation a,
+  #counter {
+    display: none; } }
+
+/*===============================================================
+6. Magic blocks with flexbox (Auto-fill & Equal Height)
+Blocks Links li>a = .flexblock.blink (.blink required)
+================================================================= */
+.flexblock {
+  clear: both;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0; }
+  .flexblock:after {
+    clear: both; }
+  .flexblock:before {
+    content: '';
+    display: table; }
+  .flexblock li,
+  .flexblock.blink li > a {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    margin: 0;
+    padding: 2.4rem;
+    position: relative; }
+  .flexblock li {
+    -webkit-box-flex: 1;
+        -ms-flex: auto;
+            flex: auto;
+    text-align: left;
+    -webkit-transition: .3s;
+    transition: .3s;
+    width: 100%; }
+    .flexblock li:hover {
+      -webkit-transform: translateY(-0.2rem);
+              transform: translateY(-0.2rem); }
+    @media (min-width: 600px) {
+      .flexblock li {
+        width: 50%; } }
+    @media (min-width: 1024px) {
+      .flexblock li {
+        width: 25%; } }
+  .flexblock.aligncenter li {
+    text-align: center; }
+  .flexblock.vertical-align li {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  .flexblock.blink li {
+    padding: 0; }
+  .flexblock li h2 svg,
+  .flexblock li h3 svg {
+    margin-top: 0; }
+
+h1 + .flexblock,
+h2 + .flexblock,
+h3 + .flexblock,
+div + ul,
+div + ol {
+  margin-top: 3.2rem; }
+
+.flexblock li h2,
+.flexblock li h3,
+footer .column h2,
+footer .column h3 {
+  font-size: 1.8rem;
+  font-weight: 600;
+  line-height: 3.2rem;
+  margin-bottom: 0; }
+
+.flexblock li li,
+.flexblock.blink li li {
+  padding: 0;
+  width: 100%; }
+
+[class*='content-'] .flexblock li p {
+  font-size: 1.8rem;
+  line-height: 3.2rem; }
+
+.content-right .flexblock.features li,
+.content-left .flexblock.features li {
+  width: 46%; }
+
+/*====================================================================
+6.1 Features <ul class="flexblock features">
+====================================================================== */
+.flexblock.features > li {
+  border-radius: .4rem;
+  margin-bottom: 4.8rem;
+  width: 100%; }
+
+.flexblock.features li h2 {
+  text-transform: uppercase; }
+
+.flexblock.features li span {
+  font-weight: 300; }
+
+.flexblock.features li p {
+  margin: 0; }
+
+.flexblock.features li p em {
+  display: block; }
+
+.flexblock.features li span,
+.flexblock.features li svg {
+  display: block;
+  font-size: 6.4rem;
+  line-height: 1;
+  margin: 0; }
+
+.flexblock.features li img {
+  width: 6.4rem; }
+
+.flexblock.features li span sup {
+  font-size: 3rem; }
+
+@media (min-width: 1200px) {
+  .flexblock.features li span,
+  .flexblock.features li svg,
+  .flexblock.features li img {
+    float: left;
+    margin-right: .8rem; } }
+
+@media (min-width: 768px) {
+  .flexblock.features {
+    margin-left: -2%;
+    margin-right: -2%; }
+  .flexblock.features > li {
+    margin-left: 2%;
+    margin-right: 2%;
+    width: 29%; }
+  .size-50 .flexblock.features > li {
+    width: 46%; }
+  .column .flexblock.features > li {
+    width: 100%; }
+  footer .flexblock.features > li {
+    margin-bottom: 0; } }
+
+/*=====================================================================
+6.2 Clients Logos <ul class="flexblock clients">
+======================================================================= */
+.flexblock.clients.blink li > a,
+.flexblock.clients li {
+  padding: 0; }
+
+.flexblock.clients li figcaption {
+  padding: 0 2.4rem 2.4rem; }
+
+.flexblock.clients.border li figcaption {
+  padding-top: 2.4rem; }
+
+.clients.blink li > a,
+.clients li {
+  -webkit-box-pack: inherit;
+      -ms-flex-pack: inherit;
+          justify-content: inherit; }
+
+.clients li img,
+.clients li svg {
+  display: block;
+  padding: 2.4rem; }
+
+.clients.border li img,
+.clients.border li svg {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.clients li:hover {
+  z-index: 1; }
+
+/*==================================================
+6.3 flexblock.steps <ul class="flexblock steps">
+About, Philosophy...
+=================================================== */
+.steps li {
+  width: 100%; }
+  .steps li img,
+  .steps li span {
+    display: block;
+    margin: 0 auto .8rem; }
+  .steps li span {
+    font-size: 6.4rem; }
+  @media (min-width: 768px) {
+    .steps li {
+      width: 50%; } }
+
+@media (min-width: 1024px) {
+  .steps li {
+    width: 25%; }
+  .process {
+    border-left-style: solid;
+    border-left-width: 15px;
+    height: 0;
+    left: 0;
+    position: absolute;
+    top: 60px;
+    width: 0; } }
+
+/*=================================================
+6.4 Block Numbers - <ul class="flexblock metrics">
+=================================================== */
+.metrics li {
+  text-align: center;
+  width: 100%; }
+  @media (min-width: 568px) {
+    .metrics li {
+      width: 50%; } }
+  @media (min-width: 1024px) {
+    .metrics li {
+      width: 25%; } }
+
+.metrics li strong {
+  display: block; }
+
+.metrics li span,
+.metrics li svg {
+  display: block;
+  font-size: 6.4rem;
+  line-height: 7.2rem;
+  margin: 0 auto; }
+
+.card-50 .metrics li {
+  width: 50%; }
+
+/*=====================================================
+6.5 Specs/Items: <ul class="flexblock specs">
+======================================================= */
+.specs li {
+  text-align: left;
+  width: 100%; }
+  .specs li:after {
+    bottom: -2.4rem;
+    content: '';
+    display: block;
+    height: 1px;
+    position: relative; }
+  .specs li:hover {
+    -webkit-transform: translateX(0.2rem);
+            transform: translateX(0.2rem); }
+  .specs li span,
+  .specs li svg {
+    display: block;
+    font-size: 6.4rem;
+    line-height: 1;
+    margin: 0; }
+  .specs li img {
+    width: 6.4rem; }
+  .specs li span {
+    font-weight: 300; }
+    .specs li span sup {
+      font-size: 3rem; }
+  @media (min-width: 1024px) {
+    .specs li span,
+    .specs li svg,
+    .specs li img {
+      float: left;
+      margin-right: 2.4rem; } }
+
+/*=================================================
+6.6 Reasons/Why/Numbers (counter-increment)
+<ul class="flexblock reasons">
+=================================================== */
+.flexblock.reasons li {
+  counter-increment: list;
+  text-align: left;
+  width: 100%; }
+  .flexblock.reasons li:hover {
+    -webkit-transform: translateY(-0.2rem);
+            transform: translateY(-0.2rem); }
+  .flexblock.reasons li:after {
+    bottom: -2.4rem;
+    content: '';
+    display: block;
+    height: 1px;
+    position: relative; }
+  .flexblock.reasons li:before {
+    content: counter(list) ".";
+    font-size: 6.4rem;
+    line-height: 1; }
+  @media (min-width: 768px) {
+    .flexblock.reasons li {
+      padding-left: 8.8rem;
+      /* You need two digits? (1-10)*/
+      /*padding-left: 12rem; */ }
+      .flexblock.reasons li:before {
+        left: 2.4rem;
+        position: absolute; } }
+
+/*=================================================
+6.7 Gallery - <ul class="flexblock gallery">
+Block Thumbnails li+.overlay+image
+img size recommended:800x600px
+=================================================== */
+.flexblock.gallery li {
+  margin-bottom: 4.8rem; }
+  .flexblock.gallery li:nth-child(n+4) {
+    -webkit-box-flex: inherit;
+        -ms-flex: inherit;
+            flex: inherit; }
+  .flexblock.gallery li figcaption {
+    padding: 1.6rem;
+    position: relative; }
+    .flexblock.gallery li figcaption:before {
+      content: '';
+      height: 0;
+      left: 20%;
+      margin-left: -.5em;
+      position: absolute;
+      top: .4rem;
+      -webkit-transform: rotate(135deg);
+              transform: rotate(135deg);
+      -webkit-transform-origin: 0 0;
+              transform-origin: 0 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      width: 0; }
+  .flexblock.gallery li:hover figcaption:before {
+    top: .3rem; }
+
+.aligncenter .flexblock.gallery li figcaption:before {
+  left: 55%;
+  margin-left: 0; }
+
+.flexblock.gallery li,
+.flexblock.gallery.blink li > a {
+  padding: 0; }
+
+.flexblock.gallery h2 {
+  text-transform: uppercase; }
+
+.flexblock.gallery h2 + p,
+.flexblock.gallery h3 + p {
+  margin-top: .8rem; }
+
+.flexblock.gallery p {
+  font-size: 1.6rem;
+  line-height: 2.4rem;
+  margin-bottom: 0; }
+
+.flexblock.gallery li footer {
+  margin-top: .8rem;
+  padding: 1.2rem 0 0;
+  position: relative; }
+
+.flexblock.gallery li img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+@media (min-width: 600px) {
+  .flexblock.gallery {
+    margin-left: -2%;
+    margin-right: -2%; }
+    .flexblock.gallery li {
+      margin-left: 2%;
+      margin-right: 2%;
+      width: 46%; } }
+
+@media (min-width: 1024px) {
+  .flexblock.gallery li {
+    width: 21%; }
+  .grid.sm .flexblock.gallery li,
+  .grid.ms .flexblock.gallery li {
+    width: 29%; }
+  .grid.sms .flexblock.gallery li {
+    width: 46%; } }
+
+.overlay {
+  bottom: 0;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  left: 0;
+  opacity: 1;
+  position: absolute;
+  right: 0;
+  top: 0;
+  -webkit-transition: all .3s linear;
+  transition: all .3s linear;
+  width: 100%;
+  z-index: 2; }
+
+li .overlay {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+li .overlay h2 {
+  letter-spacing: .2rem;
+  margin: 0;
+  padding: 0 2.4rem;
+  text-align: center;
+  text-transform: uppercase;
+  width: 100%; }
+
+.overlay p,
+.overlay time {
+  margin-bottom: 0; }
+
+li:hover .overlay {
+  cursor: pointer; }
+
+/*===============================================
+6.8 Plans / Pricing <ul class="flexblock plans">
+================================================= */
+.flexblock.plans > li {
+  border-radius: 3px;
+  margin-bottom: 4.8rem;
+  text-align: center;
+  z-index: 1; }
+
+.flexblock.plans li,
+.flexblock.plans.blink li > a {
+  padding: 0; }
+
+.flexblock.plans.blink li > a div,
+.flexblock.plans li div {
+  padding-bottom: 3.2rem; }
+
+.flexblock.plans li p,
+.flexblock.plans li h2 {
+  padding: .8rem 3.2rem; }
+
+.flexblock.plans li h2 {
+  float: left;
+  font-weight: 400;
+  letter-spacing: .1rem;
+  text-transform: uppercase;
+  width: 100%; }
+
+.flexblock.plans .price {
+  clear: both;
+  display: block;
+  font-size: 4.8rem;
+  font-weight: 400;
+  line-height: 6.2rem;
+  padding: 2.4rem; }
+  .flexblock.plans .price sup {
+    font-size: 1.8rem;
+    margin-right: .4rem; }
+  .flexblock.plans .price li ul {
+    margin-bottom: 2.4rem; }
+
+.flexblock.plans li ul li {
+  display: block;
+  padding: .8rem 3.2rem;
+  text-align: left;
+  width: 100%; }
+
+@media (min-width: 1024px) {
+  .flexblock.plans {
+    margin-left: -2%;
+    margin-right: -2%; }
+    .flexblock.plans > li {
+      margin-left: 2%;
+      margin-right: 2%;
+      width: 29%; }
+    .flexblock.plans > li:hover,
+    .flexblock.plans > li:nth-child(2) {
+      position: relative;
+      -webkit-transform: scale(1.08);
+              transform: scale(1.08);
+      z-index: 2; }
+    .flexblock.plans:hover li:nth-child(2):not(:hover) {
+      position: relative;
+      -webkit-transform: scale(1);
+              transform: scale(1);
+      z-index: 1; } }
+
+/*===========================================
+6.9 Block Activity <ul class="activity">
+CV / News
+============================================= */
+.flexblock.activity {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+  .flexblock.activity li {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    position: relative;
+    width: auto; }
+  .flexblock.activity p {
+    margin-bottom: 0;
+    vertical-align: top; }
+  .flexblock.activity img {
+    display: block; }
+  .flexblock.activity .year,
+  .flexblock.activity .title {
+    display: inline;
+    font-weight: 600; }
+  .flexblock.activity .summary {
+    width: 100%; }
+  .flexblock.activity .title {
+    margin-left: 1rem; }
+  @media (min-width: 768px) {
+    .flexblock.activity p {
+      float: left; }
+    .flexblock.activity .year {
+      width: 15%; }
+    .flexblock.activity .title {
+      margin-left: 4%;
+      margin-right: 4%;
+      width: 27%; }
+    .flexblock.activity .summary {
+      width: 50%; } }
+
+/*=============================================
+7. Promos/Offers (pricing, tagline, CTA...)
+=============================================== */
+.cta {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+.number,
+.cta .benefit {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  max-width: 100%;
+  padding: .8rem; }
+
+.number {
+  text-align: center; }
+
+.cta .benefit {
+  max-width: 100%;
+  text-align: center; }
+
+.number span {
+  display: block;
+  font-size: 8rem;
+  line-height: 8rem; }
+
+.number span sup {
+  font-size: 4rem; }
+
+.cta p {
+  margin-bottom: 0; }
+
+@media (min-width: 768px) {
+  .number,
+  .cta .benefit {
+    max-width: 50%;
+    padding: 4.8rem; }
+  .cta .benefit {
+    text-align: left; }
+  .number span {
+    font-size: 16rem;
+    line-height: 16rem; }
+    .number span sup {
+      font-size: 6rem;
+      vertical-align: middle; } }
+
+/* --- Header CTA --- */
+.cta-cover {
+  display: table;
+  width: 100%; }
+  .cta-cover h1 strong {
+    font-weight: 400; }
+  @media (min-width: 1024px) {
+    .cta-cover h1 {
+      float: left;
+      max-width: 80%; }
+    .cta-cover h1 strong {
+      display: block; }
+    .cta-cover .button {
+      margin-top: 1.2rem; }
+    .cta-cover .try {
+      text-align: center; } }
+  @media (max-width: 1023px) {
+    .cta-cover .alignright {
+      float: none; } }
+
+/*=========================================
+8. Work/Resumé/CV <ul class="work">
+=========================================== */
+.work {
+  clear: both;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  text-align: left; }
+  h1 + .work,
+  h2 + .work,
+  h3 + .work,
+  p + .work {
+    margin-top: 4.8rem; }
+  .work li {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    list-style: none;
+    margin: 0;
+    position: relative; }
+  .work p {
+    margin-bottom: 0;
+    -webkit-transition: .3s;
+    transition: .3s; }
+  .work li a {
+    display: block;
+    float: left;
+    height: 100%;
+    padding: 2.4rem 0;
+    width: 100%; }
+  .work li p {
+    padding-left: 1.2rem; }
+  .work li.work-label p {
+    padding-left: 0; }
+  .work li a:hover p:first-child {
+    padding-left: 1.6rem; }
+  .work li p:last-child {
+    position: absolute;
+    right: 1.2rem;
+    top: 2.4rem; }
+  .work li.work-label p:last-child {
+    right: 0;
+    top: 0; }
+  .work-label {
+    float: left;
+    font-weight: 600;
+    padding: 0 0 2.4rem;
+    width: 100%; }
+  .work-title {
+    display: block;
+    padding-right: 1.2rem;
+    width: 75%; }
+
+@media (min-width: 768px) {
+  .work-label p,
+  .work li p {
+    float: left;
+    margin-right: 2%;
+    width: 25%; }
+  .work li.work-label p:last-child,
+  .work li p:last-child {
+    float: right;
+    margin-right: 0;
+    padding-right: 1.2rem;
+    position: relative;
+    right: auto;
+    text-align: right;
+    top: auto; }
+  .work li p.work-date {
+    width: 120px; } }
+
+@media (max-width: 768px) {
+  .work-client,
+  .work-label .work-services {
+    clip: rect(1px, 1px, 1px, 1px);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    width: 1px; } }
+
+/*===========================================
+9. Table of contents
+============================================= */
+.toc,
+.toc ol > li:before,
+.chapter {
+  position: relative;
+  z-index: 2; }
+
+.toc ol {
+  counter-reset: item;
+  position: relative; }
+  .toc ol > li:before {
+    content: counters(item, ".") ". ";
+    display: table-cell;
+    padding-right: .8rem;
+    width: 2.4rem; }
+  .toc ol li li:before {
+    content: counters(item, ".") " "; }
+
+.toc li {
+  counter-increment: item;
+  display: table;
+  font-weight: 400;
+  margin-bottom: .8rem;
+  margin-left: 0;
+  -webkit-transition: .3s;
+  transition: .3s;
+  width: 100%; }
+  .toc li li {
+    font-weight: 300;
+    margin-bottom: 0;
+    margin-left: 0; }
+  .toc li .toc-page:before {
+    content: '';
+    display: block;
+    left: 0;
+    margin-top: 1.8rem;
+    position: absolute;
+    right: 4rem; }
+  .toc li > a {
+    display: inline-block;
+    width: 100%; }
+  .toc li a:hover span {
+    font-weight: 600; }
+  .toc li a:hover .toc-page:before {
+    border-bottom-width: 2px; }
+
+.chapter {
+  display: inline-block;
+  font-size: 1.8rem;
+  line-height: 3.2rem;
+  padding-right: .8rem; }
+
+.toc-page {
+  float: right; }
+
+/*===========================================
+10. Cards
+============================================= */
+[class*='card-'],
+[class*='card-'] > a {
+  clear: both;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  position: relative; }
+
+.fullscreen [class*='card-'],
+.fullscreen [class*='card-'] > a {
+  min-height: 100vh; }
+
+[class*='card-'] figure img,
+[class*='card-'] figure iframe {
+  display: block;
+  margin: 0 auto; }
+
+[class*='card-'] figure figcaption {
+  bottom: 0;
+  font-size: 1.4rem;
+  left: 0;
+  line-height: 2.4rem;
+  padding: .8rem 2.4rem;
+  position: absolute;
+  z-index: 2; }
+  [class*='card-'] figure figcaption svg {
+    font-size: 1rem; }
+
+@media (min-width: 768px) {
+  [class*='card'][class*='bg-'] figure,
+  .fullscreen [class*='card'] figure {
+    max-height: 100%;
+    min-width: 380px;
+    text-align: center;
+    vertical-align: middle; }
+  [class*='card-'][class*='bg-'] figure img,
+  [class*='card-'][class*='bg-'] figure iframe,
+  .fullscreen [class*='card-'] figure img,
+  .fullscreen [class*='card-'] figure iframe {
+    height: 100%;
+    left: 0;
+    -o-object-fit: cover;
+       object-fit: cover;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: 1; } }
+
+.flex-content,
+[class*='card'] blockquote {
+  padding: 2.4rem;
+  position: relative; }
+
+[class*='card-'] .flex-content,
+[class*='card-'] blockquote {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+.flex-content p {
+  position: relative; }
+
+@media (min-width: 768px) {
+  .card-50 figure,
+  .card-50 blockquote,
+  .card-50 .flex-content {
+    width: 50%; }
+  .card-30 figure,
+  .card-70 .flex-content,
+  .card-70 blockquote {
+    width: 30%; }
+  .card-40 figure,
+  .card-60 .flex-content,
+  .card-60 blockquote {
+    width: 40%; }
+  .card-60 figure,
+  .card-40 .flex-content,
+  .card-40 blockquote {
+    width: 60%; }
+  .card-70 figure,
+  .card-30 .flex-content,
+  .card-30 blockquote {
+    width: 70%; }
+  [class*='card']:nth-child(odd) figure {
+    -webkit-box-ordinal-group: 1;
+        -ms-flex-order: 0;
+            order: 0; }
+  [class*='card']:nth-child(even) figure {
+    -webkit-box-ordinal-group: 2;
+        -ms-flex-order: 1;
+            order: 1; }
+  .flex-content,
+  [class*='card'] blockquote {
+    padding: 4.8rem; }
+  .fullscreen [class*='card'] .flex-content,
+  .fullscreen [class*='card'] blockquote {
+    padding: 6.4rem; } }
+
+@media (max-width: 767px) {
+  [class*='card-'],
+  [class*='card-'] > a {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-flow: column;
+            flex-flow: column; }
+  .card figure,
+  .card header {
+    width: 100%; } }
+
+/*=========================================
+11. Quotes
+=========================================== */
+blockquote {
+  display: inline-block;
+  position: relative; }
+  blockquote p {
+    font-size: 2.4rem;
+    line-height: 4rem; }
+    blockquote p:last-child {
+      margin-bottom: 3.2rem; }
+
+/* -- Interviews dl.text-interview -- */
+dd blockquote p:last-child {
+  margin-bottom: 0; }
+
+cite {
+  display: block;
+  text-align: center; }
+  cite:before {
+    content: '\2014   \2009';
+    margin-right: 6px; }
+
+cite span {
+  display: block; }
+
+/* -- A big Blockquote -- */
+/* .wall will be deprecated soon. Use .text-quote ;) */
+.text-quote,
+.wall {
+  /* Versatility: blockquote, p, h2... */
+  position: relative; }
+  .text-quote:before,
+  .wall:before {
+    content: '\201C';
+    font-family: arial, sans-serif;
+    font-size: 12rem;
+    height: 5.6rem;
+    left: -.8rem;
+    line-height: 1;
+    position: absolute;
+    text-align: center;
+    top: -4rem;
+    width: 5.6rem; }
+  @media (min-width: 768px) {
+    .text-quote,
+    .wall {
+      padding-left: 6.4rem; }
+      .text-quote p,
+      .wall p {
+        font-size: 3.2rem;
+        line-height: 4.8rem; }
+      .text-quote:before,
+      .wall:before {
+        left: .8rem;
+        top: -1.6rem; } }
+
+/*=========================================
+12. Avatars - uifaces.com
+=========================================== */
+cite img,
+img[class*='avatar-'] {
+  display: inline-block;
+  margin-right: 6px;
+  vertical-align: middle; }
+
+img[class*='avatar-'] {
+  border-radius: 50%; }
+
+img.avatar-40 {
+  height: 40px;
+  width: 40px; }
+
+img.avatar-48 {
+  height: 48px;
+  width: 48px; }
+
+img.avatar-56 {
+  height: 56px;
+  width: 56px; }
+
+img.avatar-64 {
+  height: 64px;
+  width: 64px; }
+
+img.avatar-72 {
+  height: 72px;
+  width: 72px; }
+
+img.avatar-80 {
+  height: 80px;
+  width: 80px; }
+
+/*=========================================
+13. Tables
+=========================================== */
+table {
+  margin-bottom: 3.2rem;
+  margin-top: 3.2rem; }
+
+td,
+th,
+thead {
+  border-spacing: 0;
+  padding: .7rem 2.4rem; }
+
+thead th,
+th {
+  cursor: default;
+  font-weight: 600;
+  text-align: left;
+  text-transform: uppercase;
+  white-space: nowrap; }
+
+thead,
+td.goals {
+  font-weight: 600;
+  text-shadow: none; }
+
+tr > td {
+  font-weight: 400; }
+
+/*=========================================
+14. Forms
+=========================================== */
+form {
+  text-align: left; }
+  form + p,
+  form input + p,
+  form textarea + p {
+    margin-top: .8rem; }
+
+input[type='text'],
+input[type='email'],
+input[type='tel'],
+input[type='url'],
+input[type='search'],
+input[type='password'] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-radius: 0; }
+
+input,
+button,
+select {
+  display: inline-block;
+  font-size: 1.6rem;
+  font-weight: 400;
+  height: 4.8rem;
+  margin: 0;
+  padding: .7rem;
+  position: relative;
+  width: 100%; }
+
+input[type='radio'],
+input[type='checkbox'] {
+  height: auto;
+  padding: 4px;
+  width: auto; }
+
+button[type='submit'],
+textarea {
+  width: 100%; }
+
+textarea {
+  padding: .7rem; }
+
+button {
+  cursor: pointer;
+  text-align: center;
+  width: auto; }
+
+.button {
+  cursor: pointer;
+  display: inline-block;
+  font-size: 1.8rem;
+  font-weight: 400;
+  line-height: 4.8rem;
+  min-width: 16rem;
+  padding: 0 1.6rem;
+  text-align: center; }
+  .button svg {
+    font-size: 2.4rem; }
+
+.button.radius,
+input.radius {
+  border-radius: 2.4rem; }
+
+button,
+input[type='submit'] {
+  font-weight: 400;
+  letter-spacing: .1rem;
+  text-transform: uppercase; }
+
+.plans .button {
+  margin-left: auto;
+  margin-right: auto;
+  width: 50%; }
+
+.try {
+  display: block;
+  font-size: 1.6rem;
+  margin-top: 1.6rem; }
+
+fieldset {
+  padding: 2.4rem; }
+
+legend {
+  border: 0;
+  font-weight: 400;
+  letter-spacing: .1rem;
+  padding: 1.6rem 2.4rem;
+  text-align: center;
+  text-transform: uppercase;
+  width: 100%; }
+
+input:focus,
+textarea:focus,
+select:focus {
+  border-width: 1px; }
+
+a.button:hover,
+button[type='submit']:hover,
+input[type='submit']:hover {
+  -webkit-transform: scale(1.01);
+          transform: scale(1.01); }
+
+:disabled,
+button:disabled:hover {
+  cursor: not-allowed; }
+
+.user input {
+  margin-bottom: 0; }
+  .user input[type='email'], .user input[type='search'], .user input[type='text'] {
+    width: 100%; }
+    @media (min-width: 500px) {
+      .user input[type='email'], .user input[type='search'], .user input[type='text'] {
+        float: left;
+        width: 70%; } }
+
+.user button,
+.user input[type='submit'] {
+  left: 0;
+  width: 100%; }
+  @media (min-width: 500px) {
+    .user button,
+    .user input[type='submit'] {
+      cursor: pointer;
+      width: 30%; } }
+
+/* Buttons/Badges */
+@media (min-width: 500px) {
+  [class*='button'] + [class*='button'] {
+    margin-left: 1.8rem; } }
+
+@media (max-width: 499px) {
+  [class*='button'] + [class*='button'] {
+    margin-top: .8rem; } }
+
+/*=== App Store Badges === */
+/* Change width and height: 216x64px, 162x48px, 135x40... */
+[class*='badge-'] {
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-radius: .6rem;
+  display: inline-block;
+  height: 40px;
+  line-height: 4rem;
+  text-indent: -4000px;
+  width: 135px; }
+  [class*='badge-']:hover {
+    opacity: .7; }
+  @media (min-width: 1024px) {
+    [class*='badge-'] {
+      height: 48px;
+      line-height: 4.8rem;
+      width: 162px; } }
+  @media (min-width: 500px) {
+    [class*='badge-'] + [class*='badge-'] {
+      margin-left: 1.8rem; } }
+  @media (max-width: 499px) {
+    [class*='badge-'] + [class*='badge-'] {
+      margin-top: .8rem; } }
+
+.badge-ios {
+  background-image: url("../images/bt-appstore.png"); }
+
+.badge-android {
+  background-image: url("../images/bt-playstore.png"); }
+
+/*=========================================
+15. Longform
+=========================================== */
+/* -- Posts = .wrap.longform -- */
+.longform {
+  width: 72rem;
+  /* Why 72rem=720px?
+  90-95 characters per line = better reading speed */
+  /* Mobile: video full width */ }
+  .longform .alignleft,
+  .longform .alignright {
+    max-width: 40%; }
+  .longform img.aligncenter,
+  .longform figure.aligncenter {
+    margin-bottom: 3.2rem;
+    margin-top: 3.2rem; }
+  .longform ul,
+  .longform ol {
+    margin-bottom: 3.2rem; }
+  .longform ul ol,
+  .longform ol ul,
+  .longform ul ul,
+  .longform ol ol {
+    margin-bottom: 0; }
+  .longform figcaption p,
+  .longform [class*='text-pull-'] p {
+    font-size: 1.6rem;
+    line-height: 2.4rem; }
+  .longform .text-pull.embed {
+    margin-left: -2.4rem;
+    margin-right: -2.4rem;
+    padding-bottom: 60.6%; }
+  @media (min-width: 1280px) {
+    .longform [class*='text-pull-'] {
+      max-width: 32%; }
+    .longform .text-pull-right {
+      margin-right: -256px; }
+    .longform .text-pull-left {
+      margin-left: -256px; } }
+  @media (min-width: 1024px) {
+    .longform .text-quote {
+      margin-left: -4.8rem;
+      margin-right: -4.8rem; } }
+
+/*=========================================
+16. SAFARI BUGS (flex-wrap)
+Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
+=========================================== */
+.flexblock:before,
+.flexblock:after,
+.grid:before,
+.grid:after,
+.cta:before,
+.cta:after {
+  width: 0; }
+
+/*==============================================
+18. Slides Index: Thumbnails navigation gallery
+================================================ */
+#webslides-zoomed {
+  -ms-flex-line-pack: start;
+      align-content: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  min-height: 100vh;
+  position: relative;
+  z-index: 2; }
+  #webslides-zoomed.disabled {
+    left: -100000px;
+    position: absolute; }
+  #webslides-zoomed .slide {
+    height: 400%;
+    width: 400%; }
+    @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
+      #webslides-zoomed .slide {
+        height: 200%;
+        width: 200%; } }
+    @media (max-aspect-ratio: 2 / 3) {
+      #webslides-zoomed .slide {
+        height: 200%;
+        width: 200%; } }
+  @media (min-width: 1024px) {
+    #webslides-zoomed > .wrap {
+      padding-bottom: 12rem;
+      padding-top: 12rem; } }
+  #webslides-zoomed > .wrap > .grid > .column {
+    -ms-flex-item-align: auto;
+        align-self: auto;
+    -webkit-box-flex: 0;
+        -ms-flex: 0 1 auto;
+            flex: 0 1 auto;
+    -webkit-box-ordinal-group: 1;
+        -ms-flex-order: 0;
+            order: 0;
+    position: relative;
+    width: 25%; }
+    @media screen and (max-width: 567px) {
+      #webslides-zoomed > .wrap > .grid > .column {
+        width: 100%; } }
+    @media screen and (min-width: 568px) and (max-width: 1024px) {
+      #webslides-zoomed > .wrap > .grid > .column {
+        width: 50%; } }
+    @media screen and (max-width: 567px) and (orientation: portrait) {
+      #webslides-zoomed > .wrap > .grid > .column {
+        width: 100%; } }
+    #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
+      border-radius: .3rem;
+      display: inline-block;
+      height: 25vh;
+      overflow: hidden;
+      position: relative;
+      -webkit-transition: .3s;
+      transition: .3s; }
+      @media screen and (max-width: 567px) {
+        #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
+          height: 50vh; } }
+      @media screen and (min-width: 568px) and (max-width: 1023px) {
+        #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
+          height: 33vh; } }
+      @media screen and (orientation: portrait) {
+        #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
+          height: 50vw; } }
+      #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom:hover {
+        -webkit-transform: scale(1.02);
+                transform: scale(1.02);
+        z-index: 2; }
+      #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom.current {
+        -webkit-transform: scale(1.08);
+                transform: scale(1.08); }
+    #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom > .zoom-layer {
+      background: transparent;
+      cursor: pointer;
+      height: 100%;
+      position: absolute;
+      width: 100%; }
+  #webslides-zoomed .column > .wrap-zoom > .slide {
+    clip: rect(0 auto auto 0);
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    left: 0;
+    position: absolute;
+    top: 0;
+    -webkit-transform: scale(0.25) translate(-150%, -150vh);
+            transform: scale(0.25) translate(-150%, -150vh); }
+    @media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
+      #webslides-zoomed .column > .wrap-zoom > .slide {
+        -webkit-transform: scale(0.5) translate(-50%, -50%);
+                transform: scale(0.5) translate(-50%, -50%); } }
+    @media (max-aspect-ratio: 2 / 3) {
+      #webslides-zoomed .column > .wrap-zoom > .slide {
+        -webkit-transform: scale(0.5) translate(-50%, -50%);
+                transform: scale(0.5) translate(-50%, -50%); } }
+  #webslides-zoomed .column {
+    opacity: 0;
+    -webkit-transform: scale(1.2);
+            transform: scale(1.2);
+    -webkit-transition: opacity .4s, -webkit-transform .4s;
+    transition: opacity .4s, -webkit-transform .4s;
+    transition: opacity .4s, transform .4s;
+    transition: opacity .4s, transform .4s, -webkit-transform .4s;
+    -webkit-transition-delay: .2s;
+            transition-delay: .2s; }
+  #webslides-zoomed.in .column {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+
+.text-slide-number {
+  display: inline-block;
+  margin: .8rem auto;
+  text-align: center; }
+
+#webslides {
+  -webkit-transition: -webkit-filter .3s;
+  transition: -webkit-filter .3s;
+  transition: filter .3s;
+  transition: filter .3s, -webkit-filter .3s; }
+  #webslides.disabled, #webslides.zooming {
+    position: fixed;
+    width: 100%;
+    z-index: 0; }
+  #webslides.disabled {
+    /*
+    filter: blur(10px);
+    transform: scale(1.1);
+    */
+    /* Blur makes scroll no accesible */
+    width: calc(100% - 10px); }
+
+/*=========================================
+17. PRINT
+=========================================== */
+@media print {
+  @page {
+    margin: .5cm;
+    size: A4 landscape; }
+  * {
+    background: transparent !important;
+    color: #000 !important;
+    -webkit-filter: none !important;
+            filter: none !important;
+    text-shadow: none !important; }
+  html,
+  body,
+  #webslides {
+    height: auto !important;
+    overflow: auto !important;
+    width: auto !important; }
+  #webslides {
+    overflow-x: auto !important;
+    overflow-y: auto !important; }
+  section,
+  .slide {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    height: auto !important; }
+  section * {
+    -webkit-animation: none;
+            animation: none; }
+  table,
+  figure {
+    page-break-inside: avoid; }
+  #counter,
+  #navigation {
+    display: none; } }
+
+/*=========================================
+19. Colors
+=========================================== */
+/* -- Disable elastic scrolling/bounce:
+webslides.js will add .ws-ready automatically. Don't worry :) -- */
+body {
+  background-color: #f7f9fb;
+  color: #333; }
+
+:focus {
+  -webkit-box-shadow: 0 0 2px #96bbee;
+          box-shadow: 0 0 2px #96bbee; }
+
+svg {
+  fill: currentColor; }
+
+[class*='bg-'] a,
+[class*='bg-gradient-'] a {
+  color: #bce; }
+
+.bg-brown a {
+  color: #c23; }
+
+a,
+.bg-white a,
+.bg-light a,
+.bg-gradient-white a {
+  color: #44d; }
+
+a:hover {
+  color: #3af; }
+
+.flexblock li > a,
+[class*='bg-'] li > a,
+[class*='bg-gradient-'] li > a,
+article header a {
+  color: inherit; }
+
+hr {
+  background: radial-gradient(ellipse at center, rgba(0, 20, 80, 0.2) 0, rgba(255, 255, 255, 0) 75%); }
+
+hr:after {
+  background-color: rgba(255, 255, 255, 0.8);
+  color: #333; }
+
+abbr,
+acronym {
+  border-bottom: 1px dotted #f7f9fb; }
+
+mark,
+ins {
+  background-color: rgba(221, 238, 255, 0.8);
+  color: inherit; }
+
+::-moz-selection {
+  background-color: rgba(221, 238, 255, 0.8); }
+
+::-webkit-selection {
+  background-color: rgba(221, 238, 255, 0.8); }
+
+::selection {
+  background-color: rgba(221, 238, 255, 0.8); }
+
+pre {
+  background: #fff;
+  border: 1px solid rgba(0, 20, 80, 0.1);
+  -webkit-box-shadow: 0 8px 16px rgba(0, 20, 80, 0.04), 0 4px 16px rgba(0, 0, 0, 0.08);
+          box-shadow: 0 8px 16px rgba(0, 20, 80, 0.04), 0 4px 16px rgba(0, 0, 0, 0.08); }
+
+pre:hover {
+  -webkit-box-shadow: 0 8px 16px rgba(0, 40, 160, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08);
+          box-shadow: 0 8px 16px rgba(0, 40, 160, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08); }
+
+code,
+[class*='bg-'] pre {
+  background-color: rgba(255, 255, 255, 0.09); }
+
+.bg-white code {
+  background: rgba(0, 20, 80, 0.03); }
+
+/*================================================
+Slides - Backgrounds <section class="bg-primary">
+================================================== */
+/*3 Corp Colors*/
+.bg-primary {
+  background-color: #44d; }
+
+.bg-secondary {
+  background-color: #67d; }
+
+.bg-light {
+  background-color: #f7f9fb; }
+
+.bg-black {
+  background-color: #111; }
+
+.bg-black-blue {
+  background-color: #123; }
+
+.bg-blue {
+  background-color: #346; }
+
+.bg-brown {
+  background-color: #f9f8f2; }
+
+.bg-gray {
+  background-color: #d5d9e2; }
+
+.bg-green {
+  background-color: #077; }
+
+.bg-purple {
+  background-color: #62b; }
+
+.bg-red {
+  background-color: #c23; }
+
+.bg-white {
+  background-color: #fff; }
+
+.bg-facebook {
+  background-color: #3b5998; }
+
+[class*='bg-'] .bg-white {
+  color: #333;
+  text-shadow: none; }
+
+/* BG Apple Keynote*/
+.bg-apple {
+  background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(50%, #1a2028), to(#293845));
+  background: linear-gradient(to bottom, #000 0%, #1a2028 50%, #293845 100%); }
+
+/*Font Color*/
+.bg-trans-dark,
+.bg-trans-gradient,
+.bg-primary,
+.bg-secondary,
+.bg-blue,
+.bg-green,
+.bg-purple,
+.bg-red,
+.bg-facebook,
+.bg-apple,
+[class*='bg-black'],
+[class*='bg-gradient-'] {
+  color: #fff;
+  text-shadow: 0 1px 0 #013; }
+
+.bg-light p {
+  color: #456; }
+
+.bg-brown p {
+  color: #666; }
+
+/*Transparent/Opacity*/
+.bg-trans-dark {
+  background: rgba(0, 0, 0, 0.8); }
+
+.bg-trans-light {
+  background: rgba(0, 0, 0, 0.2); }
+
+/*Covers/Longforms...*/
+.bg-trans-gradient {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); }
+
+/*Horizontal Gradient*/
+.bg-gradient-h {
+  background: linear-gradient(134deg, #32b 0, #62b 100%); }
+
+/*Vertical Gradient*/
+.bg-gradient-v {
+  background: -webkit-gradient(linear, left bottom, left top, from(#62b), to(#32b));
+  background: linear-gradient(to top, #62b 0%, #32b 100%); }
+
+/*Radial Gradient*/
+.bg-gradient-r {
+  background: radial-gradient(ellipse at center, #62b 0%, #32b 100%); }
+
+/*White Gradient (vertical)*/
+.bg-gradient-white {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f4f6), to(#fff));
+  background: linear-gradient(180deg, #f2f4f6 0, #fff 100%);
+  color: #333;
+  text-shadow: none; }
+
+/*Gray Gradient (horizontal)*/
+.bg-gradient-gray {
+  background: -webkit-gradient(linear, left top, right top, color-stop(0, #f7f9fb), to(#dee2e6));
+  background: linear-gradient(90deg, #f7f9fb 0, #dee2e6 100%);
+  color: #333;
+  text-shadow: none; }
+
+/*Border/Frame*/
+.frame {
+  border: 0.8rem solid #fff; }
+
+[class*='background'].frame {
+  border-width: .2rem; }
+
+/*Layer/Box Shadow*/
+.shadow,
+.pre {
+  position: relative; }
+
+.shadow:before,
+.shadow:after {
+  -webkit-box-shadow: 0 16px 24px rgba(0, 20, 80, 0.3);
+          box-shadow: 0 16px 24px rgba(0, 20, 80, 0.3); }
+
+/*============================
+TYPOGRAPHY
+============================== */
+/* -- Horizontal separator  -- */
+.text-separator:before {
+  background-color: rgba(170, 0, 0, 0.8); }
+
+/* -- Pull Quote (Right/Left)  -- */
+[class*='text-pull-'] {
+  border-top: 4px solid rgba(0, 0, 0, 0.5); }
+
+img[class*='text-pull-'],
+figure[class*='text-pull-'] {
+  border-top: 0; }
+
+/* -- Context  -- */
+[class*='bg-'] .text-context:before {
+  background-color: #fff; }
+
+.text-context:before,
+.bg-white .text-context:before {
+  background-color: rgba(0, 20, 80, 0.2); }
+
+/* -- Text shadow  -- */
+.text-shadow {
+  text-shadow: 0 0 40px rgba(0, 0, 0, 0.5); }
+
+/* -- time, ampersands, prepositions (for, of...), symbols...
+[class*='card-'] time,
+h1 span {
+  color: #abd;
+}
+
+/* -- <pre> comment  -- */
+.code-comment {
+  color: rgba(70, 170, 130, 0.9);
+  text-shadow: none; }
+
+/*=========================================
+Header/Nav
+=========================================== */
+header[role='banner'] {
+  background-color: #fff; }
+
+.logo a {
+  color: inherit; }
+
+nav[role='navigation'] li.active a {
+  background-color: #555;
+  color: #fff; }
+
+nav[role='navigation'] li a {
+  background-color: rgba(50, 50, 50, 0.9);
+  color: #fff; }
+  nav[role='navigation'] li a:hover {
+    background-color: rgba(50, 50, 50, 0.7); }
+
+nav li.twitter a:hover {
+  background-color: #1da1f3; }
+
+nav li.facebook a:hover {
+  background-color: #3b5998; }
+
+nav li.linkedin a:hover {
+  background-color: #1683bb; }
+
+nav li.dribbble a:hover {
+  background-color: #ea4c89; }
+
+nav li.github a:hover {
+  background-color: #60b044; }
+
+nav li.email a:hover {
+  background-color: #dd4b39; }
+
+/*===================================================
+.flexblock li hover/active
+===================================================== */
+.flexblock li.active a,
+.metrics li:hover,
+.specs li:hover,
+.reasons li:hover {
+  background-color: rgba(0, 20, 80, 0.03); }
+
+/*=========================================
+Features & Clients List
+=========================================== */
+.features li,
+.clients li {
+  background-color: rgba(255, 255, 255, 0.9); }
+
+[class*='bg-'] .features li,
+[class*='bg-'] .clients li {
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.features li:hover,
+.clients li:hover {
+  -webkit-box-shadow: 0 8px 16px rgba(0, 20, 80, 0.02), 0 4px 16px rgba(0, 0, 0, 0.08);
+          box-shadow: 0 8px 16px rgba(0, 20, 80, 0.02), 0 4px 16px rgba(0, 0, 0, 0.08); }
+
+/*============================
+.flexblock with border
+============================== */
+.border {
+  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
+  border-right: 1px solid rgba(0, 20, 80, 0.1); }
+
+.border li {
+  border-left: 1px solid rgba(0, 20, 80, 0.1);
+  border-top: 1px solid rgba(0, 20, 80, 0.1); }
+
+.flexblock.border li li {
+  border: 0; }
+
+/*===========================================
+flexblock.steps
+============================================= */
+.steps li:nth-child(1) {
+  background-color: #e8eef7; }
+
+.steps li:nth-child(2) {
+  background-color: #dde5f3; }
+
+.steps li:nth-child(3) {
+  background-color: #cdd8ec; }
+
+.steps li:nth-child(4) {
+  background-color: #bbcdec; }
+
+.process {
+  border-bottom: 15px solid transparent;
+  border-top: 15px solid transparent; }
+
+.steps li:hover,
+.steps.blink li:hover > a {
+  background-color: #b8cef7; }
+
+@media (min-width: 1024px) {
+  .process.step-2 {
+    border-left-color: #e8eef7; }
+  .process.step-3 {
+    border-left-color: #dde5f3; }
+  .process.step-4 {
+    border-left-color: #cdd8ec; }
+  .steps li:hover + li [class*='step-'] {
+    border-left-color: #b8cef7; } }
+
+/*=========================================================
+Items: You can use for settings, drag&drop, close/delete...
+=========================================================== */
+.specs li:after {
+  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 20, 80, 0)), color-stop(50%, rgba(0, 20, 80, 0.2)), to(rgba(0, 20, 80, 0)));
+  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%); }
+
+.specs li:last-child:after {
+  background: none; }
+
+/*=========================================================
+Why/Steps/Motivation/Reasons -  Decimal/Numbers
+=========================================================== */
+.reasons li:after {
+  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 20, 80, 0)), color-stop(50%, rgba(0, 20, 80, 0.2)), to(rgba(0, 20, 80, 0)));
+  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%); }
+
+.reasons li:last-child:after {
+  background: none; }
+
+/*=========================================
+Overlays
+=========================================== */
+.overlay {
+  background-color: rgba(0, 0, 0, 0.2); }
+
+li:hover .overlay {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.overlay,
+.overlay a {
+  color: #fff;
+  text-shadow: 0 1px 0 #111; }
+
+/*=========================================
+Gallery li+.overlay+image
+=========================================== */
+.gallery li {
+  background-color: rgba(0, 20, 80, 0.06);
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.03);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.03); }
+
+.gallery li figcaption {
+  background-color: #fff; }
+
+.flexblock.gallery li:hover {
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); }
+
+.gallery li footer {
+  border-top: 1px solid rgba(0, 20, 80, 0.1); }
+
+.gallery li a {
+  color: #333;
+  text-shadow: none; }
+
+.flesblock.gallery li a footer {
+  color: #aaa; }
+
+/*Arrow */
+.gallery li figcaption:before {
+  border: 0.8rem solid #000;
+  border-color: transparent transparent #fff #fff; }
+
+/*=========================================
+Plans / Pricing
+=========================================== */
+.plans > li div,
+.flexblock.plans li:hover div {
+  background-color: #fff; }
+
+.plans > li:hover,
+.plans > li:nth-child(2) {
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); }
+
+.plans:hover li:nth-child(2):not(:hover) {
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+
+.plans li h2 {
+  background-color: rgba(0, 20, 80, 0.5);
+  color: #fff; }
+
+.plans ul li {
+  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
+  .plans ul li:last-child {
+    border-bottom: 0; }
+
+.plans > li > a {
+  color: #333;
+  text-shadow: none; }
+
+/*============================
+Activity/CV/Timeline/News
+============================== */
+.activity li {
+  border-top: 0.1rem solid rgba(0, 20, 80, 0.1); }
+
+.activity li:hover {
+  background-color: rgba(0, 20, 80, 0.02); }
+
+/*=========================================
+Resume/Work/CV/Portfolio
+=========================================== */
+.work-label,
+.work li a {
+  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
+
+.work li:nth-child(odd) > a {
+  background-color: rgba(0, 20, 80, 0.03); }
+
+.work li a:hover {
+  background-color: rgba(0, 20, 80, 0.04); }
+
+/*===========================================
+Clients / Services / Logos...
+============================================= */
+.clients.border figcaption {
+  border-top: 1px solid rgba(0, 20, 80, 0.1); }
+
+/*====================
+LOGOS
+====================== */
+/* --- Images (black logo/image) --- */
+img.blacklogo {
+  background: none;
+  -webkit-filter: grayscale(100%) brightness(10%) contrast(100%);
+          filter: grayscale(100%) brightness(10%) contrast(100%); }
+
+/* --- Images (gray logo/image) --- */
+img.graylogo {
+  -webkit-filter: grayscale(100%) brightness(10%) contrast(10%);
+          filter: grayscale(100%) brightness(10%) contrast(10%); }
+
+/* --- Images (white Logo/Image) --- */
+img.whitelogo {
+  -webkit-filter: brightness(0) invert(1);
+          filter: brightness(0) invert(1); }
+
+/* --- Logo/Images Hover --- */
+li:hover img.blacklogo,
+li:hover img.graylogo,
+img.blacklogo:hover,
+img.graylogo:hover {
+  background: none;
+  -webkit-filter: grayscale(0%);
+          filter: grayscale(0%);
+  -webkit-transition: all .6s ease;
+  transition: all .6s ease; }
+
+/*=========================================================
+Cards
+=========================================================== */
+[class*='card-'] > a {
+  color: inherit; }
+
+/* ---  card ul specs --- */
+.description > li {
+  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
+
+.description > li:last-child {
+  border-bottom: 0; }
+
+/*== Figure Background === */
+[class*='card-'][class*='bg-'] figure {
+  background-color: rgba(0, 20, 80, 0.06); }
+
+/*== Ficaption Cards === */
+[class*='card'] figcaption,
+[class*='card'] figcaption a {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
+  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
+  color: #fff; }
+
+/*===CTA (Call to Action - Numbers, Price, Promo...)  ===== */
+@media (min-width: 768px) {
+  .cta .benefit {
+    -o-border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
+       border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.4)), to(transparent)) 1 100%;
+       border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
+    border-left-width: 1px;
+    border-style: solid; } }
+
+/*=========================================
+Tables
+=========================================== */
+table td,
+th,
+thead {
+  border: 1px solid rgba(0, 0, 0, 0.5); }
+
+thead {
+  background-color: rgba(0, 0, 0, 0.3); }
+
+tr:nth-child(even) > td {
+  background: rgba(0, 0, 0, 0.1); }
+
+tr > td {
+  border-top: 1px solid rgba(0, 0, 0, 0.5); }
+
+td:hover,
+tr:nth-child(even) > td:hover {
+  background-color: rgba(255, 255, 255, 0.5); }
+
+/*============================
+Browser (Screenshots)
+============================== */
+.browser {
+  border: 1px solid rgba(0, 20, 80, 0.1); }
+
+.browser:hover {
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); }
+
+/*=== Topbar === */
+.browser:before {
+  background-color: rgba(0, 20, 80, 0.1);
+  border-bottom: 1px solid rgba(0, 20, 80, 0.2);
+  color: rgba(255, 255, 255, 0.9); }
+
+.browser:hover:before {
+  background-color: rgba(0, 20, 80, 0.12);
+  color: #fff; }
+
+/*=========================================
+Forms
+=========================================== */
+input,
+textarea {
+  background-color: #fafbfc; }
+
+input:focus,
+textarea:focus {
+  background-color: #fff;
+  -webkit-box-shadow: 0 0 5px #51cbee;
+          box-shadow: 0 0 5px #51cbee; }
+
+input:focus::-moz-placeholder {
+  color: #ddd; }
+
+input:focus::-webkit-input-placeholder {
+  color: #ddd; }
+
+a.button,
+[class*='badge-'],
+button[type='submit'],
+input {
+  -webkit-box-shadow: 0 10px 16px -8px rgba(0, 20, 80, 0.3);
+          box-shadow: 0 10px 16px -8px rgba(0, 20, 80, 0.3); }
+
+button,
+input,
+select,
+textarea,
+button[type='submit'],
+input[type='submit'],
+.button,
+.button:hover,
+button[type='submit']:hover,
+input[type='submit']:hover {
+  border: 1px solid #44d; }
+
+button[type='submit'],
+input[type='submit'],
+.button,
+.button:hover,
+button[type='submit']:hover,
+input[type='submit']:hover {
+  background-color: #44d;
+  color: #fff;
+  text-shadow: 0 1px 0 #123; }
+
+.button:active,
+button[type='submit']:active,
+input[type='submit']:active {
+  background-color: #17d; }
+
+.ghost,
+.ghost:hover {
+  background: none;
+  color: inherit;
+  text-shadow: none; }
+
+.bg-primary select,
+.bg-primary textarea,
+.bg-primary .button,
+.bg-primary button,
+.bg-primary button:hover,
+.bg-primary input,
+[class*='bg-gradient-'] .button,
+[class*='bg-'] a.button.ghost {
+  border-color: #fff; }
+
+[class*='bg-'] a.button {
+  color: #fff; }
+
+.bg-white a.button.ghost,
+.bg-gradient-white a.button.ghost {
+  border: 1px solid #44d;
+  color: #333; }
+
+:disabled,
+button:disabled:hover {
+  background-color: #eee;
+  border-color: #eee;
+  color: #ccc; }
+
+fieldset {
+  background-color: rgba(0, 20, 80, 0.2);
+  border: 1px solid #44d; }
+
+legend {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff; }
+
+/* Inputs/Buttons - hover */
+input:hover,
+select:hover {
+  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
+
+/* App Store Badges */
+[class*='badge-'] {
+  background-color: #000;
+  border: 1px solid #345; }
+
+form .flexblock li:hover {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+/*============================
+Table of Contents
+============================== */
+.toc,
+.toc ol > li:before,
+.chapter {
+  background-color: #f7f9fb; }
+
+.toc li .toc-page:before {
+  border-bottom: 1px dotted rgba(0, 0, 0, 0.9); }
+
+/*============================
+Slides (Counter/Arrows)
+============================== */
+#counter,
+#navigation a {
+  color: #abc; }
+
+#webslides:hover #navigation a:hover {
+  background-color: rgba(0, 10, 40, 0.8);
+  color: #fff; }
+
+/*============================
+Footer
+============================== */
+footer[role='contentinfo'] {
+  background-color: #fff; }
+
+/*============================
+Slides Index
+============================== */
+#webslides-zoomed {
+  background: rgba(0, 10, 40, 0.8); }
+
+#webslides-zoomed .column > .wrap-zoom {
+  background-color: #f7f9fb;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.04);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.04);
+  color: #333; }
+  #webslides-zoomed .column > .wrap-zoom:hover {
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
+            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); }
+  #webslides-zoomed .column > .wrap-zoom.current {
+    border: 0.6rem solid rgba(0, 20, 255, 0.2); }
+
+.text-slide-number {
+  color: #abc; }
diff --git a/files/papa_geburtstag_3.gwc b/files/papa_geburtstag_3.gwc
new file mode 100644
index 0000000..d34b3ee
Binary files /dev/null and b/files/papa_geburtstag_3.gwc differ
diff --git a/files/papa_geburtstag_4.gwc b/files/papa_geburtstag_4.gwc
new file mode 100644
index 0000000..1ae1f35
Binary files /dev/null and b/files/papa_geburtstag_4.gwc differ
diff --git a/images/logo.jpeg b/images/logo.jpeg
new file mode 100644
index 0000000..e8f737a
Binary files /dev/null and b/images/logo.jpeg differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..a26369c
Binary files /dev/null and b/images/logo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bfa33e8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,2 @@
+<!doctype html><html lang=de-de prefix="og: http://ogp.me/ns#"><head><meta name=generator content="Hugo 0.101.0"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Als nächstes geht es raus zum Fun!</title><meta charset=utf-8><link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&subset=latin-ext" rel=stylesheet><link rel=stylesheet type=text/css media=all href=css/webslides.css><link rel=stylesheet type=text/css media=all href=css/svg-icons.css><link rel="shortcut icon" sizes=16x16 href=/img/favicons/favicon.png><link rel="shortcut icon" sizes=32x32 href=/img/favicons/favicon-32.png><link rel="apple-touch-icon icon" sizes=76x76 href=/img/favicons/favicon-76.png><link rel="apple-touch-icon icon" sizes=120x120 href=/img/favicons/favicon-120.png><link rel="apple-touch-icon icon" sizes=152x152 href=/img/favicons/favicon-152.png><link rel="apple-touch-icon icon" sizes=180x180 href=/img/favicons/favicon-180.png><link rel="apple-touch-icon icon" sizes=192x192 href=/img/favicons/favicon-192.png><meta name=mobile-web-app-capable content="yes"><meta name=theme-color content="#333333"></head><body><main role=main><article id=webslides><section id=slide1><div class="wrap size-10"><div class=aligncenter><img src=images/logo.png alt=drawing width=200><br><h4 id=sehr-gut-das-dritte-rätsel-hast-du-geschafft-hier-gibts-auch-schon-das-vierte>Sehr gut! Das dritte Rätsel hast du geschafft. Hier gibts auch schon das Vierte:</h4><br><p><a class=button href=files/papa_geburtstag_4.gwc>Download</a></p></div></div></section></article></main><script src=js/webslides.min.js></script>
+<script>window.ws=new WebSlides({minWheelDelta:40,scrollWait:450,slideOffset:50})</script><script defer src=js/svg-icons.js></script></body></html>
\ No newline at end of file
diff --git a/index.xml b/index.xml
new file mode 100644
index 0000000..c6536a5
--- /dev/null
+++ b/index.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Als nächstes geht es raus zum Fun!</title><link>https://alsnaechstesgehtesrauszum.fun/</link><description>Recent content on Als nächstes geht es raus zum Fun!</description><generator>Hugo -- gohugo.io</generator><language>de-de</language><atom:link href="https://alsnaechstesgehtesrauszum.fun/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
diff --git a/js/svg-icons.js b/js/svg-icons.js
new file mode 100644
index 0000000..34030b1
--- /dev/null
+++ b/js/svg-icons.js
@@ -0,0 +1,12 @@
+/*
+ * Thanks fontastic.me (Font Awesome 4.4 as SVG Icons).
+ * Do you want to use other icons?
+ * Go to https://fontastic.me > Create account > Select icons > Customize > Publish (SVG Sprite) > Paste .js here
+ */
+
+/*
+Important!
+/css/svg-icons.css is required. 
+*/
+
+(function(a,b,c,d){function e(b,c){if(c){var d=c.getAttribute('viewBox'),e=a.createDocumentFragment(),f=c.cloneNode(true);if(d)b.setAttribute('viewBox',d);while(f.childNodes.length)e.appendChild(f.childNodes[0]);b.appendChild(e);}}function f(){var b=this,c=a.createElement('x'),d=b.s;c.innerHTML=b.responseText;b.onload=function(){d.splice(0).map(function(a){e(a[0],c.querySelector('#'+a[1].replace(/(\W)/g,'\\$1')));});};b.onload();}function g(){var a;while((a=b[0])){var e=a.parentNode,h=a.getAttribute('xlink:href').split('#')[1],i='https://file.myfontastic.com/bLfXNBF36ByeujCbT5PohZ/sprites/1477146123.svg';e.removeChild(a);var j=d[i]=d[i]||new XMLHttpRequest();if(!j.s){j.s=[];j.open('GET',i);j.onload=f;j.send();}j.s.push([e,h]);if(j.readyState===4)j.onload();}c(g);}g();})(document,document.getElementsByTagName('use'),window.requestAnimationFrame||window.setTimeout,{});
\ No newline at end of file
diff --git a/js/webslides.min.js b/js/webslides.min.js
new file mode 100644
index 0000000..ddf3790
--- /dev/null
+++ b/js/webslides.min.js
@@ -0,0 +1,9 @@
+/*!
+ * Name: WebSlides
+ * Version: 1.5.0
+ * Date: 2017-09-16
+ * Description: Making HTML presentations easy
+ * URL: https://github.com/webslides/webslides#readme
+ * Credits: @jlantunez, @LuisSacristan, @Belelros
+ */
+!function(e){function t(n){if(i[n])return i[n].exports;var s=i[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var i={};t.m=e,t.c=i,t.d=function(e,i,n){t.o(e,i)||Object.defineProperty(e,i,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(i,"a",i),i},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/static/js/",t(t.s=5)}([function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(9),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a="",r="",l=function(){function e(){n(this,e)}return o(e,null,[{key:"createNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=document.createElement(e);return t&&(n.id=t),i&&(n.textContent=i),n}},{key:"once",value:function(e,t,i){var n=function n(s){s.target===e&&(e.removeEventListener(t,n),i(s))};e.addEventListener(t,n,!1)}},{key:"getTransitionEvent",value:function(e){if(a&&!e)return a;a="";for(var t=e||document.createElement("ws"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"},n=Object.keys(i),s=0,o=n.length;s<o&&!a;s++){var r=n[s];void 0!==t.style[r]&&(a=i[r])}return a}},{key:"getAnimationEvent",value:function(e){if(r&&!e)return r;r="animationend";for(var t=e||document.createElement("ws"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"},n=Object.keys(i),s=0,o=n.length;s<o;s++){var a=n[s];if(void 0!==t.style[a]){r=i[a];break}}return r}},{key:"hide",value:function(e){e.style.display="none"}},{key:"show",value:function(e){e.style.display=""}},{key:"isVisible",value:function(e){return null!==e.offsetParent}},{key:"fireEvent",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new s.a(t,{detail:i});e.dispatchEvent(n)}},{key:"toArray",value:function(e){return[].slice.call(e)}},{key:"isFocusableElement",value:function(){var e=!1;if(document.activeElement){var t="inherit"!==document.activeElement.contentEditable&&void 0!==document.activeElement.contentEditable;e=["INPUT","SELECT","OPTION","TEXTAREA"].indexOf(document.activeElement.tagName)>-1||t}return e}},{key:"parseSize",value:function(e){return Number(e.replace(/[^\d\.]/g,""))}},{key:"wrap",value:function(e,t){var i=document.createElement(t);return e.parentElement.insertBefore(i,e),i.appendChild(e),i}},{key:"after",value:function(e,t){var i=t.parentNode;i.lastChild===t?i.appendChild(e):i.insertBefore(e,t.nextSibling)}}]),e}();t.a=l},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}i.d(t,"b",function(){return l}),i.d(t,"a",function(){return r});var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={SLIDE:"slide",CURRENT:"current"},r={ENTER:"dom:enter",LEAVE:"dom:leave",ENABLE:"slide:enable",DISABLE:"slide:disable"},l=function(){function e(t,i){n(this,e),this.el=t,this.parent=t.parentNode,this.i=i,this.el.id="section-"+(i+1),this.el.classList.add(a.SLIDE),this.hide()}return o(e,[{key:"hide",value:function(){s.a.hide(this.el),this.el.classList.remove(a.CURRENT)}},{key:"show",value:function(){s.a.show(this.el),this.el.classList.add(a.CURRENT)}},{key:"moveAfterLast",value:function(){var e=this.parent.childNodes[this.parent.childElementCount-1];this.fire_(r.LEAVE),this.parent.insertBefore(this.el,e.nextSibling),this.fire_(r.ENTER)}},{key:"moveBeforeFirst",value:function(){var e=this.parent.childNodes[0];this.fire_(r.LEAVE),this.parent.insertBefore(this.el,e),this.fire_(r.ENTER)}},{key:"enable",value:function(){this.fire_(r.ENABLE)}},{key:"disable",value:function(){this.fire_(r.DISABLE)}},{key:"fire_",value:function(e){s.a.fireEvent(this.el,e,{slide:this})}}],[{key:"isCandidate",value:function(e){return 1===e.nodeType&&"SECTION"===e.tagName}},{key:"getSectionFromEl",value:function(e){for(var t=e,i=null,n=null;t.parentElement&&!t.classList.contains(a.SLIDE);)t=t.parentElement;return t.classList.contains(a.SLIDE)&&(i=t,n=parseInt(i.id.replace("section-",""),10)),{section:i,i:n}}}]),e}()},function(e,t,i){"use strict";var n={ENTER:13,SPACE:32,RE_PAGE:33,AV_PAGE:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PLUS:[107,171,187],MINUS:[109,173,189],ESCAPE:27,F:70};t.a=n},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=window.navigator.userAgent,a=function(){function e(){n(this,e)}return s(e,null,[{key:"isAndroid",value:function(){return!!o.match(/Android/i)}},{key:"isBlackBerry",value:function(){return!!o.match(/BlackBerry/i)}},{key:"isiOS",value:function(){return!!o.match(/iPad|iPhone|iPod/i)}},{key:"isOpera",value:function(){return!!o.match(/Opera Mini/i)}},{key:"isWindows",value:function(){return!!o.match(/IEMobile/i)}},{key:"isWindowsPhone",value:function(){return!!o.match(/Windows Phone/i)}},{key:"isAny",value:function(){return e.isAndroid()||e.isBlackBerry()||e.isiOS()||e.isOpera()||e.isWindows()||e.isWindowsPhone()}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;o=n||document.getElementById("webslides");var a=e-o.scrollTop,r=o.scrollTop;if(!t)return o.scrollTop=e,void i();!function n(l){l+=16;var u=Math.min(1,l/t),c=s.a.swing(u,l*u,e,a,t);o.scrollTop=Math.floor(r+c*a),l<t?setTimeout(function(){return n(l)},16):i()}(0)}t.a=n;var s=i(20),o=document.getElementById("webslides")},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(6);i(21),window.WebSlides=n.a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(7),o=i(1),a=i(0),r=i(4),l=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),u={VERTICAL:"vertical",READY:"ws-ready",DISABLED:"disabled"},c={autoslide:s.a.AutoSlide,clickNav:s.a.ClickNav,grid:s.a.Grid,hash:s.a.Hash,keyboard:s.a.Keyboard,nav:s.a.Navigation,scroll:s.a.Scroll,touch:s.a.Touch,video:s.a.Video,youtube:s.a.YouTube,zoom:s.a.Zoom},d=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=t.autoslide,s=void 0!==i&&i,o=t.changeOnClick,a=void 0!==o&&o,r=t.loop,l=void 0===r||r,c=t.minWheelDelta,d=void 0===c?40:c,h=t.navigateOnScroll,f=void 0===h||h,v=t.scrollWait,y=void 0===v?450:v,p=t.slideOffset,m=void 0===p?50:p,w=t.showIndex,b=void 0===w||w;if(n(this,e),this.el=document.getElementById("webslides"),!this.el)throw new Error("Couldn't find the webslides container!");this.isMoving=!1,this.slides=null,this.currentSlideI_=-1,this.currentSlide_=null,this.maxSlide_=0,this.isVertical=this.el.classList.contains(u.VERTICAL),this.plugins={},this.options={autoslide:s,changeOnClick:a,loop:l,minWheelDelta:d,navigateOnScroll:f,scrollWait:y,slideOffset:m,showIndex:b},this.initialised=!1,this.removeChildren_(),this.grabSlides_(),this.createPlugins_(),this.initSlides_(),this.onInit_()}return l(e,[{key:"removeChildren_",value:function(){for(var e=this.el.childNodes,t=e.length;t--;){var i=e[t];o.b.isCandidate(i)||this.el.removeChild(i)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(c).forEach(function(t){var i=c[t];e.plugins[t]=new i(e)})}},{key:"onInit_",value:function(){this.initialised=!0,a.a.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(u.READY)}},{key:"grabSlides_",value:function(){this.slides=a.a.toArray(this.el.childNodes).map(function(e,t){return new o.b(e,t)}),this.maxSlide_=this.slides.length}},{key:"goToSlide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.isValidIndexSlide_(e)&&!this.isMoving&&this.currentSlideI_!==e){this.isMoving=!0;var i=!1;null!==t?i=t:this.currentSlideI_>=0&&(i=e>this.currentSlideI_);var n=this.slides[e];null===this.currentSlide_||!this.isVertical||this.plugins.touch&&this.plugins.touch.isEnabled?this.transitionToSlide_(i,n,this.onSlideChange_):this.scrollTransitionToSlide_(i,n,this.onSlideChange_)}}},{key:"scrollTransitionToSlide_",value:function(e,t,i){var n=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),Object(r.a)(this.currentSlide_.el.offsetTop,0)),Object(r.a)(t.el.offsetTop,500,function(){n.currentSlide_.hide(),e&&n.currentSlide_.moveAfterLast(),n.el.style.overflow="auto",setTimeout(function(){i.call(n,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,i){var n=this;Object(r.a)(0,0);var s="slideInRight";e||(t.moveBeforeFirst(),s="slideInLeft"),this.currentSlide_&&(e&&this.currentSlide_.moveAfterLast(),this.currentSlide_.hide()),t.show(),this.initialised&&this.plugins.touch&&this.plugins.touch.isEnabled?(a.a.once(t.el,a.a.getAnimationEvent(),function(){t.el.classList.remove(s),i.call(n,t)}),t.el.classList.add(s)):i.call(this,t)}},{key:"onSlideChange_",value:function(e){this.currentSlide_&&this.currentSlide_.disable(),this.currentSlide_=e,this.currentSlideI_=e.i,this.currentSlide_.enable(),this.isMoving=!1,a.a.fireEvent(this.el,"ws:slide-change",{slides:this.maxSlide_,currentSlide0:this.currentSlideI_,currentSlide:this.currentSlideI_+1})}},{key:"goNext",value:function(){var e=this.currentSlideI_+1;if(e>=this.maxSlide_){if(!this.options.loop)return;e=0}this.goToSlide(e,!0)}},{key:"goPrev",value:function(){var e=this.currentSlideI_-1;if(e<0){if(!this.options.loop)return;e=this.maxSlide_-1}this.goToSlide(e,!1)}},{key:"isValidIndexSlide_",value:function(e){return"number"==typeof e&&e>=0&&e<this.maxSlide_}},{key:"initSlides_",value:function(){var e=this.plugins.hash.constructor.getSlideNumber();if((null===e||e>=this.maxSlide_)&&(e=0),0!==e)for(var t=0;t<e;)this.slides[t].moveAfterLast(),t++;this.goToSlide(e)}},{key:"toggleZoom",value:function(){this.options.showIndex&&this.plugins.zoom.toggleZoom()}},{key:"disable",value:function(){this.el.classList.add(u.DISABLED),this.plugins.autoslide&&!1!==this.plugins.autoslide.time&&this.plugins.autoslide.stop()}},{key:"enable",value:function(){this.el.classList.remove(u.DISABLED),this.plugins.autoslide&&!1!==this.plugins.autoslide.time&&this.plugins.autoslide.play()}},{key:"isDisabled",value:function(){return this.el.classList.contains(u.DISABLED)}},{key:"fullscreen",value:function(){var e=document.documentElement;document.fullscreen||document.webkitIsFullScreen||document.mozFullScreen||document.msFullScreenElement?(document.exitFullScreen||document.webkitCancelFullScreen||document.mozCancelFullScreen||document.msExitFullscreen).call(document):(e.requestFullscreen||e.webkitRequestFullScreen||e.mozRequestFullScreen||e.msRequestFullscreen).call(e)}}],[{key:"registerPlugin",value:function(e,t){c[e]=t}}]),e}();t.a=d},function(e,t,i){"use strict";var n=i(8),s=i(10),o=i(11),a=i(12),r=i(13),l=i(14),u=i(15),c=i(16),d=i(17),h=i(18),f=i(19);t.a={AutoSlide:n.a,ClickNav:s.a,Grid:o.a,Hash:a.a,Keyboard:r.a,Navigation:l.a,Scroll:u.a,Touch:c.a,Video:d.a,YouTube:h.a,Zoom:f.a}},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a=function(){function e(t){n(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(s.a.once(t.el,"ws:init",this.play.bind(this)),document.body.addEventListener("focus",this.onFocus.bind(this)))}return o(e,[{key:"onFocus",value:function(){s.a.isFocusableElement()?this.stop():null===this.interval_&&this.play()}},{key:"play",value:function(e){"number"!=typeof e&&(e=this.time),this.time=e,!this.interval_&&"number"==typeof e&&e>0&&(this.interval_=setInterval(this.ws_.goNext.bind(this.ws_),e))}},{key:"stop",value:function(){this.interval_&&(clearInterval(this.interval_),this.interval_=null)}}]),e}();t.a=a},function(e,t,i){"use strict";var n=window.CustomEvent,s=function(e,t){var i=document.createEvent("CustomEvent");return t?i.initCustomEvent(e,t.bubbles,t.cancelable,t.detail):i.initCustomEvent(e,!1,!1,void 0),i},o=function(){try{var e=new n("t",{detail:{a:"b"}});return"t"===e.type&&"b"===e.detail.a}catch(e){}return!1}()?n:s;t.a=o},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],a=function(){function e(t){n(this,e),this.ws_=t,t.options.changeOnClick&&this.ws_.el.addEventListener("click",this.onClick_.bind(this))}return s(e,[{key:"onClick_",value:function(e){o.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(2),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",r=function(){function e(t){n(this,e),this.ws_=t;var i="body.baseline {\n                  background: url("+a+") left top .8rem/.8rem;\n                }",s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",o.styleSheet?o.styleSheet.cssText=i:o.appendChild(document.createTextNode(i)),s.appendChild(o),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return o(e,[{key:"onKeyPress_",value:function(e){e.which===s.a.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=/#slide=(\d+)/,a=function(){function e(t){n(this,e),this.ws_=t,t.el.addEventListener("ws:slide-change",e.onSlideChange_),window.addEventListener("hashchange",this.onHashChange_.bind(this),!1)}return s(e,[{key:"onHashChange_",value:function(){var t=e.getSlideNumber();null!==t&&this.ws_.goToSlide(t)}}],[{key:"onSlideChange_",value:function(t){e.setSlideNumber(t.detail.currentSlide)}},{key:"getSlideNumber",value:function(){var e=document.location.hash.match(o),t=0;return Array.isArray(e)&&(t=parseInt(e[1],10)),"number"!=typeof t||t<0||!Array.isArray(e)?t=null:t--,t}},{key:"setSlideNumber",value:function(t){e.getSlideNumber()!==t-1&&history.pushState({slideI:t-1},"Slide "+t,"#slide="+t)}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(2),o=i(0),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){n(this,e),this.ws_=t,document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return a(e,[{key:"onKeyPress_",value:function(e){var t=void 0,i=void 0;if(!o.a.isFocusableElement()&&!this.ws_.isDisabled()){switch(e.which){case s.a.AV_PAGE:t=this.ws_.goNext;break;case s.a.SPACE:t=e.shiftKey?this.ws_.goPrev:this.ws_.goNext;break;case s.a.RE_PAGE:t=this.ws_.goPrev;break;case s.a.HOME:t=this.ws_.goToSlide,i=0;break;case s.a.END:t=this.ws_.goToSlide,i=this.ws_.maxSlide_-1;break;case s.a.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case s.a.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case s.a.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case s.a.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext;break;case s.a.F:e.metaKey||e.ctrlKey||(t=this.ws_.fullscreen)}t&&(t.call(this.ws_,i),e.preventDefault())}}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},r={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},l=function(){function e(t){n(this,e);var i=t.isVertical?r.VERTICAL:r.HORIZONTAL;this.el=s.a.createNode("div","navigation"),this.next=e.createArrow(a.NEXT,i.NEXT),this.prev=e.createArrow(a.PREV,i.PREV),this.counter=e.createCounter(a.COUNTER,t),this.ws_=t,this.el.appendChild(this.next),this.el.appendChild(this.prev),this.el.appendChild(this.counter),this.ws_.el.appendChild(this.el),this.bindEvents_()}return o(e,[{key:"bindEvents_",value:function(){this.ws_.el.addEventListener("ws:slide-change",this.onSlideChanged_.bind(this)),this.next.addEventListener("click",this.onButtonClicked_.bind(this)),this.prev.addEventListener("click",this.onButtonClicked_.bind(this)),this.counter.addEventListener("click",this.onButtonClicked_.bind(this))}},{key:"updateCounter",value:function(e,t){this.ws_.options.showIndex?this.counter.childNodes[0].textContent=e+" / "+t:this.counter.textContent=e+" / "+t}},{key:"onSlideChanged_",value:function(e){this.updateCounter(e.detail.currentSlide,e.detail.slides)}},{key:"onButtonClicked_",value:function(e){e.preventDefault(),e.target===this.next?this.ws_.goNext():e.target===this.prev?this.ws_.goPrev():this.ws_.toggleZoom()}}],[{key:"createArrow",value:function(e,t){var i=s.a.createNode("a",e,t);return i.href="#",i.title="Arrow Keys",i}},{key:"createCounter",value:function(e,t){var i=s.a.createNode("span",e);if(t.options.showIndex){var n=document.createElement("a");n.href="#",n.title="View all slides",i.appendChild(n)}return i}}]),e}();t.a=l},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(3),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a=function(){function e(t){n(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,this.ws_.options.navigateOnScroll&&(s.a.isAny()||(this.scrollContainer_.addEventListener("wheel",this.onMouseWheel_.bind(this)),t.isVertical||t.el.addEventListener("ws:slide-change",this.onSlideChange_.bind(this))))}return o(e,[{key:"onSlideChange_",value:function(){var e=this;this.timeout_=setTimeout(function(){e.timeout_=null},this.ws_.options.scrollWait)}},{key:"onMouseWheel_",value:function(e){if(!this.ws_.isDisabled()){if(this.ws_.isMoving||this.timeout_)return void e.preventDefault();var t=e.deltaMode*this.ws_.options.minWheelDelta,i=e.deltaY,n=e.deltaX,s=this.ws_.isVertical,o=Math.abs(n)>Math.abs(i);if(this.isGoingUp_=i<0,this.isGoingLeft_=n<0,o){if(s)return;e.preventDefault()}(Math.abs(i+t)>=this.ws_.options.minWheelDelta||Math.abs(n+t)>=this.ws_.options.minWheelDelta)&&(o&&this.isGoingLeft_||!o&&this.isGoingUp_?this.ws_.goPrev():this.ws_.goNext(),e.preventDefault())}}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(3),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={touch:{START:"touchstart",MOVE:"touchmove",END:"touchend"},pointer:{START:"pointerdown",MOVE:"pointermove",END:"pointerup"}},r=function(){function e(t){n(this,e),this.ws_=t,this.startX_=0,this.startY_=0,this.endX_=0,this.endY_=0,this.isEnabled=!1,this.isGesture=!1,this.startTouches=[],this.endTouches=[];var i=void 0;s.a.isAny()&&(i=window.PointerEvent&&(s.a.isWindows()||s.a.isWindowsPhone())?a.pointer:a.touch,this.isEnabled=!0,document.addEventListener(i.START,this.onStart_.bind(this),!1),document.addEventListener(i.MOVE,this.onMove_.bind(this),!1),document.addEventListener(i.END,this.onStop_.bind(this),!1))}return o(e,[{key:"onStart_",value:function(t){if(!this.ws_.isDisabled()){var i=e.normalizeEventInfo(t);1===t.touches.length?(this.startX_=i.x,this.startY_=i.y,this.endX_=i.x,this.endY_=i.y):t.touches.length>1&&(this.startTouches=e.getTouchCoordinates(t),this.endTouches=this.startTouches,this.isGesture=!0)}}},{key:"onMove_",value:function(t){if(!this.ws_.isDisabled()){var i=e.normalizeEventInfo(t);this.isGesture?this.endTouches=e.getTouchCoordinates(t):(this.endX_=i.x,this.endY_=i.y)}}},{key:"onStop_",value:function(){if(!this.ws_.isDisabled())if(this.isGesture){var e=Math.sqrt(Math.pow(this.startTouches[0].x-this.startTouches[1].x,2)+Math.pow(this.startTouches[0].y-this.startTouches[1].y,2)),t=Math.sqrt(Math.pow(this.endTouches[0].x-this.endTouches[1].x,2)+Math.pow(this.endTouches[0].y-this.endTouches[1].y,2));e>t&&this.ws_.toggleZoom(),this.isGesture=!1}else{var i=this.startX_-this.endX_,n=this.startY_-this.endY_;Math.abs(i)>Math.abs(n)&&(i<-this.ws_.options.slideOffset?this.ws_.goPrev():i>this.ws_.options.slideOffset&&this.ws_.goNext())}}}],[{key:"getTouchCoordinates",value:function(e){return[{x:e.touches[0].clientX,y:e.touches[0].clientY},{x:e.touches[1].clientX,y:e.touches[1].clientY}]}},{key:"normalizeEventInfo",value:function(e){var t={pageX:0,pageY:0};return void 0!==e.changedTouches?t=e.changedTouches[0]:void 0!==e.originalEvent&&void 0!==e.originalEvent.changedTouches&&(t=e.originalEvent.changedTouches[0]),{x:e.offsetX||e.layerX||t.pageX,y:e.offsetY||e.layerY||t.pageY}}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(1),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){n(this,e),this.ws_=t;var i=s.a.toArray(this.ws_.el.querySelectorAll("video"));i.length&&i.forEach(function(i){if(i.hasAttribute("autoplay")){i.removeAttribute("autoplay"),i.pause(),i.currentTime=0;var n=o.b.getSectionFromEl(i),s=n.i,a=t.slides[s-1];a.video=i,a.el.addEventListener(o.a.ENABLE,e.onSectionEnabled),a.el.addEventListener(o.a.DISABLE,e.onSectionDisabled)}})}return a(e,null,[{key:"onSectionEnabled",value:function(e){e.detail.slide.video.play()}},{key:"onSectionDisabled",value:function(e){e.detail.slide.video.pause()}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(1),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){n(this,e),this.ready=!1,this.onReadyCb=null,this.slide=o.b.getSectionFromEl(t).section,this.autoplay=void 0!==t.dataset.autoplay,this.isMuted=void 0!==t.dataset.mute,this.options={videoId:t.dataset.youtubeId,playerVars:this.getPlayerVars(t),events:{onReady:this.onPlayerReady.bind(this)}},this.el=t,this.timeout=null,this.create()}return a(e,[{key:"destroy",value:function(){this.currentTime=this.player.getCurrentTime(),this.player.destroy(),this.player=null,this.el=this.slide.querySelector("[data-youtube]"),this.ready=!1}},{key:"create",value:function(){this.player=new YT.Player(this.el,this.options),this.el=this.player.getIframe()}},{key:"onPlayerReady",value:function(){this.ready=!0,this.currentTime&&(this.player.seekTo(this.currentTime,!0),this.player.pauseVideo(),this.currentTime=null),this.timeout&&1!==this.player.getPlayerState()&&this.play(),this.onReadyCb&&(this.onReadyCb(),this.onReadyCb=null)}},{key:"play",value:function(){var e=this;this.ready?(this.timeout=setTimeout(function(){e.timeout=null},1e3),this.isMuted?this.player.mute():this.player.unMute(),this.player.playVideo()):this.onReadyCb=this.play}},{key:"pause",value:function(){this.player&&this.player.pauseVideo&&1===this.player.getPlayerState()&&this.player.pauseVideo()}},{key:"getPlayerVars",value:function(e){var t={modestbranding:1,rel:0,origin:window.location.origin};return this.slide.classList.contains("fullscreen")&&(t.disablekb=1),void 0!==e.dataset.noControls&&(t.controls=0,t.showinfo=0),void 0!==e.dataset.loop&&(t.loop=1,t.playlist=e.dataset.youtubeId),t}}]),e}(),l=function(){function e(t){n(this,e),this.ws_=t,this.videos=s.a.toArray(this.ws_.el.querySelectorAll("[data-youtube]")),this.videos.length&&this.inject()}return a(e,[{key:"onYTReady",value:function(){var t=this;this.videos.forEach(function(i){var n=new r(i);if(void 0!==i.dataset.autoplay){var s=o.b.getSectionFromEl(n.el),a=s.i,l=t.ws_.slides[a-1];l.player=n,l.el.addEventListener(o.a.ENABLE,e.onSlideEvent),l.el.addEventListener(o.a.DISABLE,e.onSlideEvent),l.el.addEventListener(o.a.ENTER,e.onSlideEvent),l.el.addEventListener(o.a.LEAVE,e.onSlideEvent),t.ws_.currentSlide_===l&&e.onSectionEnabled(l)}})}},{key:"inject",value:function(){window.onYouTubeIframeAPIReady=this.onYTReady.bind(this);var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}],[{key:"onSlideEvent",value:function(t){var i=t.detail.slide;switch(t.type){case o.a.ENABLE:e.onSectionEnabled(i);break;case o.a.DISABLE:e.onSectionDisabled(i);break;case o.a.LEAVE:i.player.destroy();break;case o.a.ENTER:i.player.create()}}},{key:"onSectionEnabled",value:function(e){e.player.autoplay&&e.player.play()}},{key:"onSectionDisabled",value:function(e){e.player.pause()}}]),e}();t.a=l},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(2),a=i(4),r=i(1),l=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),u={ZOOM:"grid",DIV:"column",WRAP:"wrap-zoom",WRAP_CONTAINER:"wrap",CURRENT:"current",SLIDE:"slide",ZOOM_ENABLED:"ws-ready-zoom"},c=function(){function e(t){n(this,e),this.ws_=t,this.zws_={},this.isZoomed_=!1,this.preBuildZoom_(),document.body.addEventListener("keydown",this.onKeyDown.bind(this))}return l(e,[{key:"onKeyDown",value:function(e){!this.isZoomed_&&o.a.MINUS.some(function(t){return t===e.which})?this.zoomIn():this.isZoomed_&&(o.a.PLUS.some(function(t){return t===e.which})||e.which===o.a.ESCAPE)&&this.zoomOut()}},{key:"preBuildZoom_",value:function(){var e=this;this.zws_.el=this.ws_.el.cloneNode(),this.zws_.el.id="webslides-zoomed",this.zws_.wrap=s.a.createNode("div"),this.zws_.wrap.className=u.WRAP_CONTAINER,this.zws_.el.appendChild(this.zws_.wrap),this.zws_.grid=s.a.createNode("div"),this.zws_.grid.className=u.ZOOM,this.zws_.wrap.appendChild(this.zws_.grid),this.zws_.el.addEventListener("click",function(){return e.toggleZoom()}),this.zws_.slides=[].map.call(this.ws_.slides,function(t,i){var n=t.el.cloneNode(!0);return e.zws_.grid.appendChild(n),new r.b(n,i)}),this.disable(),s.a.after(this.zws_.el,this.ws_.el),this.zws_.slides.forEach(function(t){return e.createSlideBlock_(t)})}},{key:"createSlideBlock_",value:function(e){var t=this,i=s.a.wrap(e.el,"div");i.className=u.WRAP,i.setAttribute("id","zoomed-"+e.el.getAttribute("id"));var n=s.a.wrap(i,"div");n.className=u.DIV;var o=s.a.createNode("div");o.className="zoom-layer",o.addEventListener("click",function(i){i.stopPropagation(),t.zoomOut(),t.ws_.goToSlide(e.i)}),i.appendChild(o);var a=s.a.createNode("p","",""+(e.i+1));a.className="text-slide-number",n.appendChild(a)}},{key:"toggleZoom",value:function(){this.isZoomed_?this.zoomOut():this.zoomIn()}},{key:"zoomIn",value:function(){var e=this;if(this.ws_.options.showIndex){this.enable();var t=this.ws_.currentSlide_.el.id,i=this.zws_.el.querySelector("."+u.WRAP+"."+u.CURRENT);i&&i.classList.remove(u.CURRENT);var n=this.zws_.el.querySelector("#zoomed-"+t);n.classList.add(u.CURRENT),this.isZoomed_=!0,document.documentElement.classList.add(u.ZOOM_ENABLED),setTimeout(function(){e.ws_.disable(),e.zws_.el.classList.add("in");var t=window.getComputedStyle(e.zws_.grid),i=document.body;Object(a.a)(n.parentNode.offsetTop+s.a.parseSize(t.paddingTop),50,function(){},i)},50)}}},{key:"zoomOut",value:function(){var e=this;this.ws_.options.showIndex&&(this.zws_.el.classList.remove("in"),setTimeout(function(){e.ws_.enable(),e.disable(),e.isZoomed_=!1,document.documentElement.classList.remove(u.ZOOM_ENABLED)},400))}},{key:"disable",value:function(){this.zws_.el.classList.add("disabled")}},{key:"enable",value:function(){this.zws_.el.classList.remove("disabled")}}]),e}();t.a=c},function(e,t,i){"use strict";function n(e){return.5-Math.cos(e*Math.PI)/2}t.a={swing:n}},function(e,t){}]);
\ No newline at end of file
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..2b18a0d
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://alsnaechstesgehtesrauszum.fun/</loc></url><url><loc>https://alsnaechstesgehtesrauszum.fun/categories/</loc></url><url><loc>https://alsnaechstesgehtesrauszum.fun/tags/</loc></url></urlset>
\ No newline at end of file
diff --git a/sounds/jingle.mp3 b/sounds/jingle.mp3
new file mode 100644
index 0000000..75ac288
Binary files /dev/null and b/sounds/jingle.mp3 differ
diff --git a/tags/index.xml b/tags/index.xml
new file mode 100644
index 0000000..0196113
--- /dev/null
+++ b/tags/index.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on Als nächstes geht es raus zum Fun!</title><link>https://alsnaechstesgehtesrauszum.fun/tags/</link><description>Recent content in Tags on Als nächstes geht es raus zum Fun!</description><generator>Hugo -- gohugo.io</generator><language>de-de</language><atom:link href="https://alsnaechstesgehtesrauszum.fun/tags/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file