diff --git a/Gruntfile.js b/Gruntfile.js
index 3abf324..c2a2ad6 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -283,16 +283,16 @@ module.exports = function(grunt) {
 
   grunt.registerTask('default', ['clean:reset', 'modernizr_builder', 'concat', 'copy:assets', 'copy:images', 'copy:javascripts', 'uglify', 'sass', 'postcss:main_styles', 'cssmin', 'imagemin', 'postcss:custom_styles', 'copy:custom_styles', 'clean:remove']);
 
-  grunt.event.on('watch', function(action, filepath, target) {
-    if (target == 'voog') {
-      if (action == 'added' || action == 'deleted') {
-        grunt.task.run(['exec:kitmanifest']);
-      }
-      if (grunt.file.exists('.voog')) {
-        if (action != 'deleted') {
-          grunt.task.run(['exec:kit:' + filepath]);
-        }
-      }
-    }
-  });
+  // grunt.event.on('watch', function(action, filepath, target) {
+  //   if (target == 'voog') {
+  //     if (action == 'added' || action == 'deleted') {
+  //       grunt.task.run(['exec:kitmanifest']);
+  //     }
+  //     if (grunt.file.exists('.voog')) {
+  //       if (action != 'deleted') {
+  //         grunt.task.run(['exec:kit:' + filepath]);
+  //       }
+  //     }
+  //   }
+  // });
 };
diff --git a/components/bg-picker-variables.tpl b/components/bg-picker-variables.tpl
deleted file mode 100644
index 64436f9..0000000
--- a/components/bg-picker-variables.tpl
+++ /dev/null
@@ -1,84 +0,0 @@
-{% capture dont_render %}
-  {% comment %}SITE BODY RELATED VARIABLES.{% endcomment %}
-  {% comment %}Assign variables based on page type.{% endcomment %}
-  {% if blog_article_page %}
-    {% assign body_bg = article.data.body_bg %}
-  {% else %}
-    {% assign body_bg = page.data.body_bg %}
-  {% endif %}
-
-  {% comment %}Assign variables based on page type.{% endcomment %}
-  {% assign body_bg_image = body_bg.image %}
-  {% assign body_bg_image_sizes = body_bg.imageSizes %}
-  {% assign body_bg_color = body_bg.color %}
-  {% assign body_bg_color_data = body_bg.colorData %}
-  {% assign body_bg_combined_lightness = body_bg.combinedLightness %}
-
-  {% if body_bg_image == nil %}
-    {% assign body_bg_image = "" %}
-  {% endif %}
-
-  {% if body_bg_image_sizes == nil %}
-    {% assign body_bg_image_sizes_str = "" %}
-  {% else %}
-    {% assign body_bg_image_sizes_str = body_bg_image_sizes | json %}
-  {% endif %}
-
-  {% if body_bg_color == nil %}
-    {% assign body_bg_color = "" %}
-  {% endif %}
-
-  {% if body_bg_color_data == nil %}
-    {% assign body_bg_color_data_str = "" %}
-  {% else %}
-    {% assign body_bg_color_data_str = body_bg_color_data | json %}
-  {% endif %}
-
-  {% comment %}SITE CONTAINER RELATED VARIABLES.{% endcomment %}
-  {% if blog_article_page %}
-    {% assign container_bg = article.data.container_bg %}
-  {% else %}
-    {% assign container_bg = page.data.container_bg %}
-  {% endif %}
-
-  {% assign container_bg_color = container_bg.color %}
-  {% assign container_bg_color_data = container_bg.colorData %}
-  {% assign container_bg_combined_lightness = container_bg.combinedLightness %}
-
-  {% comment %}Sets the background type to choose active CMS color scheme.{% endcomment %}
-  {% if container_bg %}
-    {% if container_bg_combined_lightness %}
-      {% if container_bg_combined_lightness > 0.6 %}
-        {% assign container_bg_type = "light-background" %}
-      {% else %}
-        {% assign container_bg_type = "dark-background" %}
-      {% endif %}
-    {% else %}
-      {% if container_bg_color_data.a >= 0.6 %}
-        {% if container_bg_color_data.lightness >= 0.6 %}
-          {% assign container_bg_type = "light-background" %}
-        {% else %}
-          {% assign container_bg_type = "dark-background" %}
-        {% endif %}
-      {% else %}
-        {% assign container_bg_type = "light-background" %}
-      {% endif %}
-    {% endif %}
-  {% else %}
-    {% assign container_bg_type = "light-background" %}
-  {% endif %}
-
-  {% if container_bg_color == nil %}
-    {% if front_page %}
-      {% assign container_bg_color = "" %}
-    {% else %}
-      {% assign container_bg_color = "rgb(255,255,255)" %}
-    {% endif %}
-  {% endif %}
-
-  {% if container_bg_color_data == nil %}
-    {% assign container_bg_color_data_str = "" %}
-  {% else %}
-    {% assign container_bg_color_data_str = container_bg_color_data | json %}
-  {% endif %}
-{% endcapture %}
diff --git a/components/html-head.tpl b/components/html-head.tpl
index 5a5f237..a2f3d54 100644
--- a/components/html-head.tpl
+++ b/components/html-head.tpl
@@ -21,6 +21,17 @@
 {% if editmode %}<link rel="stylesheet" href="{{ site.static_asset_host }}/libs/edicy-tools/latest/edicy-tools.css">{% endif %}
 <link rel="stylesheet" href="{{ site.static_asset_host }}/libs/edicy-search/latest/edicy-search.css">
 
+{% comment %}Custom fonts{% endcomment %}
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,700,700italic|Lato:400,400italic,700,700italic|Montserrat:400,700|Open+Sans:400,400italic,700,700italic|Roboto:400,400italic,700,700italic|Source+Sans+Pro:400,400italic,700,700italic|Ubuntu:400,400italic,700,700italic|Arvo|Crimson+Text:400,400italic,700,700italic|Lora:400,400italic,700,700italic|Noto+Serif|Playfair+Display:400,400italic,700italic,700|PT+Serif:400,400italic,700,700italic|Roboto+Slab:400,700|Anonymous+Pro:400,400italic,700,700italic|Cousine:400,400italic,700,700italic|Roboto+Mono:400,400italic,700,700italic|Ubuntu+Mono:400,400italic,700,700italic&subset=latin,greek,cyrillic-ext,latin-ext,cyrillic,greek-ext,vietnamese,hebrew">
+
+{% customstyle %}
+  {% include "template-cs-main-styles" %}
+  {% include "template-cs-headings" %}
+  {% include "template-cs-content" %}
+
+  {% include "template-cs-style-rules" %}
+{% endcustomstyle %}
+
 {% comment %}MODERNIZR - HTML5 SUPPORT FOR OLDER BROWSERS, SVG SUPPORT DETECTION ETC{% endcomment %}
 <script src="{{ javascripts_path }}/modernizr-custom.min.js"></script>
 
diff --git a/components/template-cs-content.tpl b/components/template-cs-content.tpl
new file mode 100644
index 0000000..71f75f3
--- /dev/null
+++ b/components/template-cs-content.tpl
@@ -0,0 +1,165 @@
+:root {
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --content-body-line-height: 1.3;
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-body-font-size: 18px;
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-body-color: #727272;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "600",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-font-weight"
+    ]
+  */
+  --content-link-font-weight: 400;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "hover"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "600",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --content-link-hover-font-weight: 400;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-font-style"
+    ]
+  */
+  --content-link-font-style: normal;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "hover"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --content-link-hover-font-style: normal;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-text-decoration"
+    ]
+  */
+  --content-link-text-decoration: none;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "hover"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --content-link-hover-text-decoration: none;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-text-transform"
+    ]
+  */
+  --content-link-text-transform: none;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "hover"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --content-link-hover-text-transform: none;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-link-color: #0066bb;
+  /* VoogStyle
+    "pathI18n": ["content", "link", "hover"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "scope": "global"
+  */
+  --content-link-hover-color: rgba(0, 102, 187, 0.8);
+}
diff --git a/components/template-cs-headings.tpl b/components/template-cs-headings.tpl
new file mode 100644
index 0000000..0ee1323
--- /dev/null
+++ b/components/template-cs-headings.tpl
@@ -0,0 +1,272 @@
+:root {
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-title-text-alignment: left;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-title-line-height: 1.3;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-title-font-size: 50px;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-title-font-weight: 700;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-title-font-style: normal;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-title-text-decoration: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-title-text-transform: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-title-color: #1b2124;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-heading-text-alignment: left;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-heading-line-height: 1.3;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-heading-font-size: 30px;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-heading-font-weight: 700;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-heading-font-style: normal;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-heading-text-decoration: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-heading-text-transform: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-heading-color: #1b2124;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-subheading-text-alignment: left;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-subheading-line-height: 1.3;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-subheading-font-size: 20px;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-subheading-font-weight: 700;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-subheading-font-style: normal;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-subheading-text-decoration: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-subheading-text-transform: none;
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-subheading-color: #1b2124;
+}
diff --git a/components/template-cs-main-styles.tpl b/components/template-cs-main-styles.tpl
new file mode 100644
index 0000000..3f86d0c
--- /dev/null
+++ b/components/template-cs-main-styles.tpl
@@ -0,0 +1,69 @@
+:root {
+  /* VoogStyle
+    "pathI18n": ["main_styles"],
+    "titleI18n": "maximum_width",
+    "editor": "rangePicker",
+    "min": 600,
+    "max": 2000,
+    "step": 1,
+    "unit": "px",
+    "scope": "global"
+  */
+  --container-max-width: 960px;
+  /* VoogStyle
+    "pathI18n": ["main_styles"],
+    "titleI18n": "font",
+    "editor": "listPicker",
+    "list": {{ base_font_set }},
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+    ]
+  */
+  --main-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "primary_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--content-body-color"
+    ]
+  */
+  --primary-color: #727272;
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "secondary_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--headings-title-color",
+      "--headings-heading-color",
+      "--headings-subheading-color"
+    ]
+  */
+  --secondary-color: #1b2124;
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "third_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-color"
+    ]
+  */
+  --third-color: #0066bb;
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "fourth_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+    ]
+  */
+  --fourth-color: white;
+}
diff --git a/components/template-cs-style-rules.tpl b/components/template-cs-style-rules.tpl
new file mode 100644
index 0000000..a97e888
--- /dev/null
+++ b/components/template-cs-style-rules.tpl
@@ -0,0 +1,176 @@
+body {
+  font-family: var(--main-font-family);
+  color: var(--primary-color);
+}
+body.dark-background {
+  color: var(--fourth-color);
+}
+
+.container {
+  max-width: var(--container-max-width);
+}
+
+.header .header-left .header-title, .header .header-left .header-title a {
+  color: var(--primary-color);
+}
+
+.post .post-title, .post .post-title a {
+  color: var(--secondary-color);
+}
+.dark-background .post .post-title, .dark-background .post .post-title a {
+  color: var(--fourth-color);
+}
+.post .post-title a:hover {
+  color: var(--secondary-color);
+}
+.dark-background .post .post-title a:hover {
+  color: var(--fourth-color);
+}
+.post .post-date {
+  color: var(--secondary-color);
+}
+.dark-background .post .post-date {
+  color: var(--fourth-color);
+}
+.dark-background .post .post-author {
+  color: var(--fourth-color);
+}
+.post .post-comments-count a {
+  color: var(--third-color);
+}
+.dark-background .post .post-comments-count a {
+  color: var(--fourth-color);
+}
+.post .post-comments-count a:hover {
+  color: var(--third-color);
+}
+.dark-background .post .post-comments-count a:hover {
+  color: var(--fourth-color);
+}
+
+@media screen and (max-width: 752px) {
+  .menu-btn .menu-stripe {
+    background-color: var(--secondary-color);
+  }
+  .dark-background .menu-btn .menu-stripe {
+    background-color: var(--fourth-color);
+  }
+}
+
+.menu .menu-link {
+  color: var(--third-color);
+}
+@media screen and (min-width: 752px) {
+  .dark-background .menu .menu-link {
+    color: var(--fourth-color);
+  }
+}
+.menu .menu-link:hover {
+  color: var(--primary-color);
+}
+@media screen and (min-width: 752px) {
+  .dark-background .menu .menu-link:hover {
+    color: var(--fourth-color);
+  }
+}
+
+.menu-main .menu .menu-link.active {
+  color: var(--primary-color);
+}
+@media screen and (min-width: 752px) {
+  .dark-background .menu-main .menu .menu-link.active {
+    color: var(--fourth-color);
+  }
+}
+@media screen and (max-width: 752px) {
+  .menu-main.expanded .menu-lang .menu-item .menu-link {
+    color: var(--secondary-color);
+  }
+}
+
+.dark-background .menu-sub .menu .menu-item .menu-link {
+  color: var(--fourth-color);
+}
+.menu-sub .menu .menu-item .menu-link.active {
+  color: var(--primary-color);
+}
+@media screen and (min-width: 752px) {
+  .dark-background .menu-sub .menu .menu-item .menu-link.active {
+    color: var(--fourth-color);
+  }
+}
+
+.footer .voog-reference a {
+  color: var(--primary-color);
+}
+
+.content-formatted {
+  font-size: var(--content-body-font-size);
+  line-height: var(--content-body-line-height);
+  color: var(--content-body-color);
+}
+.dark-background .content-formatted {
+  color: var(--fourth-color);
+}
+.content-formatted h1, .content-formatted h2:not(.comment-title), .content-formatted h3, .content-formatted h4, .content-formatted h5, .content-formatted h6 {
+  color: var(--secondary-color);
+}
+.dark-background .content-formatted h1, .dark-background .content-formatted h2:not(.comment-title), .dark-background .content-formatted h3, .dark-background .content-formatted h4, .dark-background .content-formatted h5, .dark-background .content-formatted h6 {
+  color: var(--fourth-color);
+}
+.content-formatted h1 {
+  font-size: var(--headings-title-font-size);
+  font-style: var(--headings-title-font-style);
+  font-weight: var(--headings-title-font-weight);
+  line-height: var(--headings-title-line-height);
+  color: var(--headings-title-color);
+  text-align: var(--headings-title-text-alignment);
+  text-decoration: var(--headings-title-text-decoration);
+  text-transform: var(--headings-title-text-transform);
+}
+.content-formatted h2:not(.comment-title) {
+  font-size: var(--headings-heading-font-size);
+  font-style: var(--headings-heading-font-style);
+  font-weight: var(--headings-heading-font-weight);
+  line-height: var(--headings-heading-line-height);
+  color: var(--headings-heading-color);
+  text-align: var(--headings-heading-text-alignment);
+  text-decoration: var(--headings-heading-text-decoration);
+  text-transform: var(--headings-heading-text-transform);
+}
+.content-formatted h3, .content-formatted h4, .content-formatted h5, .content-formatted h6 {
+  font-size: var(--headings-subheading-font-size);
+  font-style: var(--headings-subheading-font-style);
+  font-weight: var(--headings-subheading-font-weight);
+  line-height: var(--headings-subheading-line-height);
+  color: var(--headings-subheading-color);
+  text-align: var(--headings-subheading-text-alignment);
+  text-decoration: var(--headings-subheading-text-decoration);
+  text-transform: var(--headings-subheading-text-transform);
+}
+.content-formatted a {
+  font-style: var(--content-link-font-style);
+  font-weight: var(--content-link-font-weight);
+  color: var(--content-link-color);
+  text-decoration: var(--content-link-text-decoration);
+  text-transform: var(--content-link-text-transform);
+}
+.dark-background .content-formatted a {
+  color: var(--fourth-color);
+}
+.content-formatted a:hover {
+  font-style: var(--content-link-hover-font-style);
+  font-weight: var(--content-link-hover-font-weight);
+  color: var(--content-link-hover-color);
+  text-decoration: var(--content-link-hover-text-decoration);
+  text-transform: var(--content-link-hover-text-transform);
+}
+.dark-background .content-formatted a:hover {
+  color: var(--fourth-color);
+}
+.content-formatted .custom-btn {
+  color: var(--secondary-color);
+}
+.dark-background .content-formatted .custom-btn:hover {
+  color: var(--fourth-color);
+}
diff --git a/components/bg-picker-styles.tpl b/components/template-styles.tpl
similarity index 100%
rename from components/bg-picker-styles.tpl
rename to components/template-styles.tpl
diff --git a/components/bg-picker.tpl b/components/template-tools.tpl
similarity index 100%
rename from components/bg-picker.tpl
rename to components/template-tools.tpl
diff --git a/components/template-variables.tpl b/components/template-variables.tpl
new file mode 100644
index 0000000..9efe602
--- /dev/null
+++ b/components/template-variables.tpl
@@ -0,0 +1,207 @@
+{% capture dont_render %}
+  {% comment %}SITE BODY RELATED VARIABLES.{% endcomment %}
+  {% comment %}Assign variables based on page type.{% endcomment %}
+  {% if blog_article_page %}
+    {% assign body_bg = article.data.body_bg %}
+  {% else %}
+    {% assign body_bg = page.data.body_bg %}
+  {% endif %}
+
+  {% comment %}Assign variables based on page type.{% endcomment %}
+  {% assign body_bg_image = body_bg.image %}
+  {% assign body_bg_image_sizes = body_bg.imageSizes %}
+  {% assign body_bg_color = body_bg.color %}
+  {% assign body_bg_color_data = body_bg.colorData %}
+  {% assign body_bg_combined_lightness = body_bg.combinedLightness %}
+
+  {% if body_bg_image == nil %}
+    {% assign body_bg_image = "" %}
+  {% endif %}
+
+  {% if body_bg_image_sizes == nil %}
+    {% assign body_bg_image_sizes_str = "" %}
+  {% else %}
+    {% assign body_bg_image_sizes_str = body_bg_image_sizes | json %}
+  {% endif %}
+
+  {% if body_bg_color == nil %}
+    {% assign body_bg_color = "" %}
+  {% endif %}
+
+  {% if body_bg_color_data == nil %}
+    {% assign body_bg_color_data_str = "" %}
+  {% else %}
+    {% assign body_bg_color_data_str = body_bg_color_data | json %}
+  {% endif %}
+
+  {% comment %}SITE CONTAINER RELATED VARIABLES.{% endcomment %}
+  {% if blog_article_page %}
+    {% assign container_bg = article.data.container_bg %}
+  {% else %}
+    {% assign container_bg = page.data.container_bg %}
+  {% endif %}
+
+  {% assign container_bg_color = container_bg.color %}
+  {% assign container_bg_color_data = container_bg.colorData %}
+  {% assign container_bg_combined_lightness = container_bg.combinedLightness %}
+
+  {% comment %}Sets the background type to choose active CMS color scheme.{% endcomment %}
+  {% if container_bg %}
+    {% if container_bg_combined_lightness %}
+      {% if container_bg_combined_lightness > 0.6 %}
+        {% assign container_bg_type = "light-background" %}
+      {% else %}
+        {% assign container_bg_type = "dark-background" %}
+      {% endif %}
+    {% else %}
+      {% if container_bg_color_data.a >= 0.6 %}
+        {% if container_bg_color_data.lightness >= 0.6 %}
+          {% assign container_bg_type = "light-background" %}
+        {% else %}
+          {% assign container_bg_type = "dark-background" %}
+        {% endif %}
+      {% else %}
+        {% assign container_bg_type = "light-background" %}
+      {% endif %}
+    {% endif %}
+  {% else %}
+    {% assign container_bg_type = "light-background" %}
+  {% endif %}
+
+  {% if container_bg_color == nil %}
+    {% if front_page %}
+      {% assign container_bg_color = "" %}
+    {% else %}
+      {% assign container_bg_color = "rgb(255,255,255)" %}
+    {% endif %}
+  {% endif %}
+
+  {% if container_bg_color_data == nil %}
+    {% assign container_bg_color_data_str = "" %}
+  {% else %}
+    {% assign container_bg_color_data_str = container_bg_color_data | json %}
+  {% endif %}
+
+  {% comment %}=================================================================
+  || Design editor variables.
+  ============================================================= {% endcomment %}
+  {% capture base_font_set %}
+    [
+      {
+        "type": "group",
+        "title": "Sans Serif",
+        "list": [
+          {
+            "title": "Helvetica Neue",
+            "value": "\"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
+          },
+          {
+            "title": "Avenir Next",
+            "value": "\"Avenir Next\", sans-serif"
+          },
+          {
+            "title": "Fira Sans",
+            "value": "\"Fira Sans\", sans-serif"
+          },
+          {
+            "title": "Lato",
+            "value": "\"Lato\", sans-serif"
+          },
+          {
+            "title": "Montserrat",
+            "value": "\"Montserrat\", Helvetica, Arial, sans-serif"
+          },
+          {
+            "title": "Open Sans",
+            "value": "\"Open Sans\", sans-serif"
+          },
+          {
+            "title": "Roboto",
+            "value": "\"Roboto\", sans-serif"
+          },
+          {
+            "title": "Source Sans Pro",
+            "value": "\"Source Sans Pro\", sans-serif"
+          },
+          {
+            "title": "Ubuntu",
+            "value": "\"Ubuntu\", sans-serif"
+          }
+        ]
+      },
+      {
+        "type": "group",
+        "title": "Serif",
+        "list": [
+          {
+            "title": "Arvo",
+            "value": "\"Arvo\", serif"
+          },
+          {
+            "title": "Crimson Text",
+            "value": "\"Crimson Text\", serif"
+          },
+          {
+            "title": "Lora",
+            "value": "\"Lora\", serif"
+          },
+          {
+            "title": "Noto Serif",
+            "value": "\"Noto Serif\", serif"
+          },
+          {
+            "title": "Playfair Display",
+            "value": "\"Playfair Display\", serif"
+          },
+          {
+            "title": "PT Serif",
+            "value": "\"PT Serif\", serif"
+          },
+          {
+            "title": "Roboto Slab",
+            "value": "\"Roboto Slab\", serif"
+          }
+        ]
+      },
+      {
+        "type": "group",
+        "title": "Monospace",
+        "list": [
+          {
+            "title": "Anonymous Pro",
+            "value": "\"Anonymous Pro\", monospace"
+          },
+          {
+            "title": "Cousine",
+            "value": "\"Cousine\", monospace"
+          },
+          {
+            "title": "Roboto Mono",
+            "value": "\"Roboto Mono\", monospace"
+          },
+          {
+            "title": "Ubuntu Mono",
+            "value": "\"Ubuntu Mono\", monospace"
+          }
+        ]
+      }
+    ]
+  {% endcapture %}
+
+  {% capture base_alignment_set %}
+    [
+      {
+        "titleI18n": "left",
+        "value": "left"
+      },
+      {
+        "titleI18n": "center",
+        "value": "center"
+      },
+      {
+        "titleI18n": "right",
+        "value": "right"
+      }
+    ]
+  {% endcapture %}
+{% endcapture %}
diff --git a/layouts/blog___news.tpl b/layouts/blog___news.tpl
index 0f85c26..2d85424 100644
--- a/layouts/blog___news.tpl
+++ b/layouts/blog___news.tpl
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html class="{% if editmode %}editmode{% else %}public{% endif %}" lang="{{ page.language_code }}">
 <head prefix="og: http://ogp.me/ns#">
-  {% include "bg-picker-variables" %}
+  {% include "template-variables" %}
   {% include "html-head" %}
-  {% include "bg-picker-styles" %}
+  {% include "template-styles" %}
 </head>
 
 <body class="blog-page js-bg-picker-area">
@@ -37,7 +37,7 @@
   </div>
 
   {% include "javascripts" %}
-  {% include "bg-picker" %}
+  {% include "template-tools" %}
   <script>
     $(document).ready(function() {
       currentUrl = window.location.href;
diff --git a/layouts/blog_article.tpl b/layouts/blog_article.tpl
index 0bbc6f9..1de10a2 100644
--- a/layouts/blog_article.tpl
+++ b/layouts/blog_article.tpl
@@ -2,9 +2,9 @@
 <html class="{% if editmode %}editmode{% else %}public{% endif %}" lang="{{ page.language_code }}">
 <head prefix="og: http://ogp.me/ns#">
   {% assign blog_article_page = true %}
-  {% include "bg-picker-variables" with "article" %}
+  {% include "template-variables" with "article" %}
   {% include "html-head" %}
-  {% include "bg-picker-styles" %}
+  {% include "template-styles" %}
 </head>
 
 <body class="post-page js-bg-picker-area">
@@ -54,7 +54,7 @@
   </div>
 
   {% include "javascripts" %}
-  {% include "bg-picker" with 'article' %}
+  {% include "template-tools" with 'article' %}
   <script>site.initPostPage();</script>
 </body>
 </html>
diff --git a/layouts/common_page.tpl b/layouts/common_page.tpl
index ac238aa..a82843c 100644
--- a/layouts/common_page.tpl
+++ b/layouts/common_page.tpl
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html class="{% if editmode %}editmode{% else %}public{% endif %}" lang="{{ page.language_code }}">
 <head prefix="og: http://ogp.me/ns#">
-  {% include "bg-picker-variables" %}
+  {% include "template-variables" %}
   {% include "html-head" %}
-  {% include "bg-picker-styles" %}
+  {% include "template-styles" %}
 </head>
 
 <body class="common-page js-bg-picker-area">
@@ -36,7 +36,7 @@
   </div>
 
   {% include "javascripts" %}
-  {% include "bg-picker" %}
+  {% include "template-tools" %}
   <script>site.initCommonPage();</script>
 </body>
 </html>
diff --git a/layouts/front_page.tpl b/layouts/front_page.tpl
index a0258f8..d48f8e5 100644
--- a/layouts/front_page.tpl
+++ b/layouts/front_page.tpl
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html class="{% if editmode %}editmode{% else %}public{% endif %}" lang="{{ page.language_code }}">
 <head prefix="og: http://ogp.me/ns#">
-  {% include "bg-picker-variables" %}
+  {% include "template-variables" %}
   {% include "html-head" %}
-  {% include "bg-picker-styles" %}
+  {% include "template-styles" %}
 </head>
 
 <body class="front-page js-bg-picker-area">
@@ -41,7 +41,7 @@
   </div>
 
   {% include "javascripts" %}
-  {% include "bg-picker" %}
+  {% include "template-tools" %}
   <script>site.initFrontPage();</script>
 </body>
 </html>
diff --git a/manifest.json b/manifest.json
index 96b1b76..00bd3ff 100644
--- a/manifest.json
+++ b/manifest.json
@@ -36,30 +36,9 @@
     {
       "content_type": "component",
       "component": true,
-      "file": "components/menu-lang-mobile.tpl",
-      "layout_name": "menu-lang-mobile",
-      "title": "menu-lang-mobile"
-    },
-    {
-      "content_type": "component",
-      "component": true,
-      "file": "components/bg-picker-variables.tpl",
-      "layout_name": "bg-picker-variables",
-      "title": "bg-picker-variables"
-    },
-    {
-      "content_type": "component",
-      "component": true,
-      "file": "components/bg-picker.tpl",
-      "layout_name": "bg-picker",
-      "title": "bg-picker"
-    },
-    {
-      "content_type": "component",
-      "component": true,
-      "file": "components/comment-form.tpl",
-      "layout_name": "comment-form",
-      "title": "comment-form"
+      "file": "components/post-box.tpl",
+      "layout_name": "post-box",
+      "title": "post-box"
     },
     {
       "content_type": "component",
@@ -92,9 +71,9 @@
     {
       "content_type": "component",
       "component": true,
-      "file": "components/bg-picker-styles.tpl",
-      "layout_name": "bg-picker-styles",
-      "title": "bg-picker-styles"
+      "file": "components/menu-lang-mobile.tpl",
+      "layout_name": "menu-lang-mobile",
+      "title": "menu-lang-mobile"
     },
     {
       "content_type": "component",
@@ -127,9 +106,9 @@
     {
       "content_type": "component",
       "component": true,
-      "file": "components/post-box.tpl",
-      "layout_name": "post-box",
-      "title": "post-box"
+      "file": "components/comment-form.tpl",
+      "layout_name": "comment-form",
+      "title": "comment-form"
     },
     {
       "content_type": "component",
@@ -166,6 +145,55 @@
       "layout_name": "tags-variables",
       "title": "tags-variables"
     },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-cs-content.tpl",
+      "layout_name": "template-cs-content",
+      "title": "template-cs-content"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-cs-headings.tpl",
+      "layout_name": "template-cs-headings",
+      "title": "template-cs-headings"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-cs-main-styles.tpl",
+      "layout_name": "template-cs-main-styles",
+      "title": "template-cs-main-styles"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-cs-style-rules.tpl",
+      "layout_name": "template-cs-style-rules",
+      "title": "template-cs-style-rules"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-styles.tpl",
+      "layout_name": "template-styles",
+      "title": "template-styles"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-tools.tpl",
+      "layout_name": "template-tools",
+      "title": "template-tools"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-variables.tpl",
+      "layout_name": "template-variables",
+      "title": "template-variables"
+    },
     {
       "content_type": "component",
       "component": true,
diff --git a/sources/components/custom-styles/template-cs-content.scss b/sources/components/custom-styles/template-cs-content.scss
new file mode 100644
index 0000000..bde70ef
--- /dev/null
+++ b/sources/components/custom-styles/template-cs-content.scss
@@ -0,0 +1,199 @@
+// =============================================================================
+// TEMPLATE CUSTOM STYLES.
+// This file sets the configuration for design editor tool.
+//
+// This file will be converted to CSS, copied under "/components" and renamed to
+// "*.tpl".
+//
+// The output component can be included in any "layout" or "component".
+// =============================================================================
+
+// =============================================================================
+// Modules
+// =============================================================================
+@import '../../stylesheets/variables';
+
+// =============================================================================
+// Design editor configuration.
+// =============================================================================
+:root {
+  // scss-lint:disable Comment, Indentation
+
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --content-body-line-height: 1.3;
+
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-body-font-size: 18px;
+
+  /* VoogStyle
+    "pathI18n": ["content", "text"],
+    "titleI18n": "color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-body-color: rgba($primary-color, 1);
+
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "600",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-font-weight"
+    ]
+  */
+  --content-link-font-weight: 400;
+
+      /* VoogStyle
+        "pathI18n": ["content", "link", "hover"],
+        "titleI18n": "font_size",
+        "type": "button",
+        "editor": "toggleIcon",
+        "states": {
+          "on": "600",
+          "off": "400"
+        },
+        "icon": "bold",
+        "scope": "global"
+      */
+      --content-link-hover-font-weight: 400;
+
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-font-style"
+    ]
+  */
+  --content-link-font-style: normal;
+
+      /* VoogStyle
+        "pathI18n": ["content", "link", "hover"],
+        "titleI18n": "font_style",
+        "type": "button",
+        "editor": "toggleIcon",
+        "states": {
+          "on": "italic",
+          "off": "normal"
+        },
+        "icon": "italic",
+        "scope": "global"
+      */
+      --content-link-hover-font-style: normal;
+
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-text-decoration"
+    ]
+  */
+  --content-link-text-decoration: none;
+
+      /* VoogStyle
+        "pathI18n": ["content", "link", "hover"],
+        "titleI18n": "text_decoration",
+        "type": "button",
+        "editor": "toggleIcon",
+        "states": {
+          "on": "underline",
+          "off": "none"
+        },
+        "icon": "underline",
+        "scope": "global"
+      */
+      --content-link-hover-text-decoration: none;
+
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-hover-text-transform"
+    ]
+  */
+  --content-link-text-transform: none;
+
+      /* VoogStyle
+        "pathI18n": ["content", "link", "hover"],
+        "titleI18n": "text_transform",
+        "type": "button",
+        "editor": "toggleIcon",
+        "states": {
+          "on": "uppercase",
+          "off": "none"
+        },
+        "icon": "uppercase",
+        "scope": "global"
+      */
+      --content-link-hover-text-transform: none;
+
+  /* VoogStyle
+    "pathI18n": ["content", "link", "normal"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --content-link-color: rgba($blue-1, 1);
+
+      /* VoogStyle
+        "pathI18n": ["content", "link", "hover"],
+        "titleI18n": "color",
+        "type": "button",
+        "editor": "colorPicker",
+        "scope": "global"
+      */
+      --content-link-hover-color: rgba($blue-1, .8);
+
+  // scss-lint:enable Comment, Indentation
+}
diff --git a/sources/components/custom-styles/template-cs-headings.scss b/sources/components/custom-styles/template-cs-headings.scss
new file mode 100644
index 0000000..b66518f
--- /dev/null
+++ b/sources/components/custom-styles/template-cs-headings.scss
@@ -0,0 +1,316 @@
+// =============================================================================
+// TEMPLATE CUSTOM STYLES.
+// This file sets the configuration for design editor tool.
+//
+// This file will be converted to CSS, copied under "/components" and renamed to
+// "*.tpl".
+//
+// The output component can be included in any "layout" or "component".
+// =============================================================================
+
+// =============================================================================
+// Modules
+// =============================================================================
+@import '../../stylesheets/variables';
+
+// =============================================================================
+// Design editor configuration.
+// =============================================================================
+:root {
+  // scss-lint:disable Comment, Indentation
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-title-text-alignment: left;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-title-line-height: 1.3;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-title-font-size: 50px;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-title-font-weight: 700;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-title-font-style: normal;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-title-text-decoration: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-title-text-transform: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "title"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-title-color: rgba($secondary-color, 1);
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-heading-text-alignment: left;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-heading-line-height: 1.3;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-heading-font-size: 30px;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-heading-font-weight: 700;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-heading-font-style: normal;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-heading-text-decoration: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-heading-text-transform: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "heading"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-heading-color: rgba($secondary-color, 1);
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "alignment",
+    "editor": "listPicker",
+    "list": {{ base_alignment_set }},
+    "scope": "global"
+  */
+  --headings-subheading-text-alignment: left;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "line_height",
+    "editor": "rangePicker",
+    "min": 1,
+    "max": 5,
+    "step": 0.1,
+    "unit": "",
+    "scope": "global"
+  */
+  --headings-subheading-line-height: 1.3;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "size",
+    "editor": "rangePicker",
+    "min": 8,
+    "max": 100,
+    "unit": "px",
+    "scope": "global"
+  */
+  --headings-subheading-font-size: 20px;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "font_size",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "700",
+      "off": "400"
+    },
+    "icon": "bold",
+    "scope": "global"
+  */
+  --headings-subheading-font-weight: 700;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "font_style",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "italic",
+      "off": "normal"
+    },
+    "icon": "italic",
+    "scope": "global"
+  */
+  --headings-subheading-font-style: normal;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "text_decoration",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "underline",
+      "off": "none"
+    },
+    "icon": "underline",
+    "scope": "global"
+  */
+  --headings-subheading-text-decoration: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "text_transform",
+    "type": "button",
+    "editor": "toggleIcon",
+    "states": {
+      "on": "uppercase",
+      "off": "none"
+    },
+    "icon": "uppercase",
+    "scope": "global"
+  */
+  --headings-subheading-text-transform: none;
+
+  /* VoogStyle
+    "pathI18n": ["headings", "subheading"],
+    "titleI18n": "color",
+    "type": "button",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global"
+  */
+  --headings-subheading-color: rgba($secondary-color, 1);
+  // scss-lint:enable Comment, Indentation
+}
diff --git a/sources/components/custom-styles/template-cs-main-styles.scss b/sources/components/custom-styles/template-cs-main-styles.scss
new file mode 100644
index 0000000..afdefb6
--- /dev/null
+++ b/sources/components/custom-styles/template-cs-main-styles.scss
@@ -0,0 +1,96 @@
+// =============================================================================
+// TEMPLATE CUSTOM STYLES.
+// This file sets the configuration for design editor tool.
+//
+// This file will be converted to CSS, copied under "/components" and renamed to
+// "*.tpl".
+//
+// The output component can be included in any "layout" or "component".
+// =============================================================================
+
+// =============================================================================
+// Modules
+// =============================================================================
+@import '../../stylesheets/variables';
+
+// =============================================================================
+// Design editor configuration.
+// =============================================================================
+:root {
+  // scss-lint:disable Comment, Indentation
+
+  /* VoogStyle
+    "pathI18n": ["main_styles"],
+    "titleI18n": "maximum_width",
+    "editor": "rangePicker",
+    "min": 600,
+    "max": 2000,
+    "step": 1,
+    "unit": "px",
+    "scope": "global"
+  */
+  --container-max-width: 960px;
+
+  /* VoogStyle
+    "pathI18n": ["main_styles"],
+    "titleI18n": "font",
+    "editor": "listPicker",
+    "list": {{ base_font_set }},
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+    ]
+  */
+  --main-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "primary_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--content-body-color"
+    ]
+  */
+  --primary-color: rgba($primary-color, 1);
+
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "secondary_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--headings-title-color",
+      "--headings-heading-color",
+      "--headings-subheading-color"
+    ]
+  */
+  --secondary-color: rgba($secondary-color, 1);
+
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "third_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+      "--content-link-color"
+    ]
+  */
+  --third-color: rgba($blue-1, 1);
+
+  /* VoogStyle
+    "pathI18n": ["main_styles", "colors"],
+    "titleI18n": "fourth_color",
+    "editor": "colorPicker",
+    "featured": true,
+    "scope": "global",
+    "boundVariables": [
+    ]
+  */
+  --fourth-color: rgba($white, 1);
+
+  // scss-lint:enable Comment, Indentation
+}
diff --git a/sources/components/custom-styles/template-cs-style-rules.scss b/sources/components/custom-styles/template-cs-style-rules.scss
new file mode 100644
index 0000000..b10f19e
--- /dev/null
+++ b/sources/components/custom-styles/template-cs-style-rules.scss
@@ -0,0 +1,339 @@
+// =============================================================================
+// TEMPLATE CUSTOM STYLES.
+// This file sets the configuration for design editor tool.
+//
+// This file will be converted to CSS, copied under "/components" and renamed to
+// "*.tpl".
+//
+// The output component can be included in any "layout" or "component".
+// =============================================================================
+
+// =============================================================================
+// Modules
+// =============================================================================
+@import '../../../bower_components/bourbon/app/assets/stylesheets/bourbon';
+@import '../../stylesheets/variables';
+@import '../../stylesheets/mixins';
+
+// =============================================================================
+// Default stylesheet override styles.
+//
+// BASICS
+// =============================================================================
+// Styling rules for the basic parts of the page. These rules affect the entire site.
+body {
+  font-family: var(--main-font-family);
+  color: var(--primary-color);
+
+  &.dark-background {
+    color: var(--fourth-color);
+  }
+}
+
+.container {
+  max-width: var(--container-max-width);
+}
+
+// =============================================================================
+// HEADER
+// =============================================================================
+// Styling rules for the site's header. These rules affect the entire site.
+.header {
+  .header-left {
+    .header-title {
+      // scss-lint:disable NestingDepth, SelectorDepth, SingleLinePerSelector
+      &, a {
+        color: var(--primary-color);
+      }
+      // scss-lint:enable NestingDepth, SelectorDepth, SingleLinePerSelector
+    }
+  }
+}
+
+// =============================================================================
+// BLOG & ARTICLE LAYOUTS
+// =============================================================================
+// Styling rules for both - the blog listing view and the blog single article view
+.post {
+  .post-title {
+    // scss-lint:disable SingleLinePerSelector
+    &, a {
+      color: var(--secondary-color);
+
+      // scss-lint:disable NestingDepth, SelectorDepth
+      .dark-background & {
+        color: var(--fourth-color);
+      }
+      // scss-lint:enable NestingDepth, SelectorDepth
+    }
+    // scss-lint:enable SingleLinePerSelector
+
+    a {
+      // scss-lint:disable NestingDepth
+      &:hover {
+        color: var(--secondary-color);
+
+        // scss-lint:disable SelectorDepth
+        .dark-background & {
+          color: var(--fourth-color);
+        }
+        // scss-lint:enable SelectorDepth
+      }
+      // scss-lint:enable NestingDepth
+    }
+  }
+
+  .post-date {
+    color: var(--secondary-color);
+
+    .dark-background & {
+      color: var(--fourth-color);
+    }
+  }
+
+  .post-author {
+    .dark-background & {
+      color: var(--fourth-color);
+    }
+  }
+
+  .post-comments-count {
+    a {
+      color: var(--third-color);
+
+      // scss-lint:disable NestingDepth, SelectorDepth
+      .dark-background & {
+        color: var(--fourth-color);
+      }
+      // scss-lint:enable NestingDepth, SelectorDepth
+
+      // scss-lint:disable NestingDepth
+      &:hover {
+        color: var(--third-color);
+
+        // scss-lint:disable SelectorDepth
+        .dark-background & {
+          color: var(--fourth-color);
+        }
+        // scss-lint:enable SelectorDepth
+      }
+      // scss-lint:enable NestingDepth
+    }
+  }
+}
+
+// =============================================================================
+// NAVIGATION MENUS
+// =============================================================================
+// Menu button. Only visible on smaller screens.
+.menu-btn {
+  @include query($tablet-2) {
+    .menu-stripe {
+      background-color: var(--secondary-color);
+
+      .dark-background & {
+        background-color: var(--fourth-color);
+      }
+    }
+  }
+}
+
+// General rules for all navigation menus.
+.menu {
+  .menu-link {
+    color: var(--third-color);
+
+    .dark-background & {
+      @include query($tablet-2, 'min-width') {
+        color: var(--fourth-color);
+      }
+    }
+
+    &:hover {
+      color: var(--primary-color);
+
+      // scss-lint:disable NestingDepth
+      .dark-background & {
+        @include query($tablet-2, 'min-width') {
+          color: var(--fourth-color);
+        }
+      }
+      // scss-lint:enable NestingDepth
+    }
+  }
+}
+
+// Styling rules for the site's main menu.
+.menu-main {
+  .menu {
+    .menu-link {
+      // scss-lint:disable NestingDepth
+      &.active {
+        color: var(--primary-color);
+
+        // scss-lint:disable SelectorDepth
+        .dark-background & {
+          @include query($tablet-2, 'min-width') {
+            color: var(--fourth-color);
+          }
+        }
+        // scss-lint:enable SelectorDepth
+      }
+      // scss-lint:enable NestingDepth
+    }
+  }
+
+  // scss-lint:disable DeclarationOrder
+  @include query($tablet-2) {
+    &.expanded {
+      // Styling rules for the language menu in the site's main menu. Only visible on smaller screens.
+      .menu-lang {
+        // scss-lint:disable NestingDepth
+        .menu-item {
+          // scss-lint:disable SelectorDepth
+          .menu-link {
+            color: var(--secondary-color);
+          }
+          // scss-lint:enable SelectorDepth
+        }
+        // scss-lint:enable NestingDepth
+      }
+    }
+  }
+  // scss-lint:enable DeclarationOrder
+}
+
+// Styling rules for the site's sub menu.
+.menu-sub {
+  .menu {
+    .menu-item {
+      // scss-lint:disable NestingDepth, SelectorDepth
+      .menu-link {
+        .dark-background & {
+          color: var(--fourth-color);
+        }
+
+        &.active {
+          color: var(--primary-color);
+
+          .dark-background & {
+            @include query($tablet-2, 'min-width') {
+              color: var(--fourth-color);
+            }
+          }
+        }
+      }
+      // scss-lint:enable NestingDepth, SelectorDepth
+    }
+  }
+}
+
+// =============================================================================
+// SITE FOOTER
+// =============================================================================
+// Styling rules for the site's footer. These rules affect the entire site.
+.footer {
+  .voog-reference {
+    a {
+      color: var(--primary-color);
+    }
+  }
+}
+
+// =============================================================================
+// TEXT TYPE CONTENT AREA
+// =============================================================================
+// Styling rules for the site's editable content area and its elements.
+.content-formatted {
+  font-size: var(--content-body-font-size);
+  line-height: var(--content-body-line-height);
+  color: var(--content-body-color);
+
+  .dark-background & {
+    color: var(--fourth-color);
+  }
+
+  // Styling rules for the editable content area headings.
+  // scss-lint:disable SingleLinePerSelector
+  h1, h2:not(.comment-title), h3, h4, h5, h6 {
+    color: var(--secondary-color);
+
+    .dark-background & {
+      color: var(--fourth-color);
+    }
+  }
+  // scss-lint:enable SingleLinePerSelector
+
+  h1 {
+    font-size: var(--headings-title-font-size);
+    font-style: var(--headings-title-font-style);
+    font-weight: var(--headings-title-font-weight);
+    line-height: var(--headings-title-line-height);
+    color: var(--headings-title-color);
+    text-align: var(--headings-title-text-alignment);
+    text-decoration: var(--headings-title-text-decoration);
+    text-transform: var(--headings-title-text-transform);
+  }
+
+  h2:not(.comment-title) {
+    font-size: var(--headings-heading-font-size);
+    font-style: var(--headings-heading-font-style);
+    font-weight: var(--headings-heading-font-weight);
+    line-height: var(--headings-heading-line-height);
+    color: var(--headings-heading-color);
+    text-align: var(--headings-heading-text-alignment);
+    text-decoration: var(--headings-heading-text-decoration);
+    text-transform: var(--headings-heading-text-transform);
+  }
+
+  // scss-lint:disable SingleLinePerSelector
+  h3, h4, h5, h6 {
+    font-size: var(--headings-subheading-font-size);
+    font-style: var(--headings-subheading-font-style);
+    font-weight: var(--headings-subheading-font-weight);
+    line-height: var(--headings-subheading-line-height);
+    color: var(--headings-subheading-color);
+    text-align: var(--headings-subheading-text-alignment);
+    text-decoration: var(--headings-subheading-text-decoration);
+    text-transform: var(--headings-subheading-text-transform);
+  }
+  // scss-lint:enable SingleLinePerSelector
+
+  a {
+    font-style: var(--content-link-font-style);
+    font-weight: var(--content-link-font-weight);
+    color: var(--content-link-color);
+    text-decoration: var(--content-link-text-decoration);
+    text-transform: var(--content-link-text-transform);
+
+    .dark-background & {
+      color: var(--fourth-color);
+    }
+
+    &:hover {
+      font-style: var(--content-link-hover-font-style);
+      font-weight: var(--content-link-hover-font-weight);
+      color: var(--content-link-hover-color);
+      text-decoration: var(--content-link-hover-text-decoration);
+      text-transform: var(--content-link-hover-text-transform);
+
+      // scss-lint:disable NestingDepth
+      .dark-background & {
+        color: var(--fourth-color);
+      }
+      // scss-lint:enable NestingDepth
+    }
+  }
+
+  .custom-btn {
+    color: var(--secondary-color);
+
+    .dark-background & {
+      // scss-lint:disable NestingDepth
+      &:hover {
+        color: var(--fourth-color);
+      }
+      // scss-lint:disable NestingDepth
+    }
+  }
+}
diff --git a/sources/components/readme.md b/sources/components/readme.md
new file mode 100644
index 0000000..54b1a85
--- /dev/null
+++ b/sources/components/readme.md
@@ -0,0 +1 @@
+These files will be converted to `*.tpl` under `/components` folder.
diff --git a/sources/stylesheets/_blog-and-article.scss b/sources/stylesheets/_blog-and-article.scss
index 894ed96..c33ad69 100644
--- a/sources/stylesheets/_blog-and-article.scss
+++ b/sources/stylesheets/_blog-and-article.scss
@@ -13,7 +13,7 @@
 
     &, a {
       font-size: 50px;
-      @include color($secondary-color);
+      @include color($secondary-color, 1);
 
       .dark-background & {
         @include color($white, 1);
@@ -22,10 +22,11 @@
 
     a {
       &:hover {
-        @include color($secondary-color, 0.8);
+        @include color($secondary-color, 1);
+        opacity: .8;
 
         .dark-background & {
-          @include color($white, 0.8);
+          @include color($white, 1);
         }
       }
     }
@@ -39,7 +40,7 @@
 
   .post-date {
     font-size: 14px;
-    @include color($secondary-color);
+    @include color($secondary-color, 1);
 
     .dark-background & {
       @include color($white, 1);
@@ -50,7 +51,8 @@
     font-size: 12px;
 
     .dark-background & {
-      @include color($white, 0.8);
+      @include color($white, 1);
+      opacity: .8;
     }
   }
 
@@ -71,17 +73,18 @@
   .post-comments-count {
     a {
       font-size: 14px;
-      @include color($blue-1);
+      @include color($blue-1, 1);
 
       .dark-background & {
-        @include color($white);
+        @include color($white, 1);
       }
 
       &:hover {
-        @include color($blue-1, 0.8);
+        @include color($blue-1, 1);
+        opacity: .8;
 
         .dark-background & {
-          @include color($white, 0.8);          
+          @include color($white, 1);
         }
       }
     }
diff --git a/sources/stylesheets/_content-formatted.scss b/sources/stylesheets/_content-formatted.scss
index 27c02cf..4323069 100644
--- a/sources/stylesheets/_content-formatted.scss
+++ b/sources/stylesheets/_content-formatted.scss
@@ -6,7 +6,7 @@
   @include hyphenate(true);
 
   .dark-background & {
-    @include color($white);
+    @include color($white, 1);
   }
 
   // Resets the bottom margin for all elements and top margin for all first elements in the editable content-area (to prevent unwanted white-space at the beginning of a content-area).
@@ -20,11 +20,11 @@
 
   // Styling rules for the editable content area headings.
   h1, h2, h3, h4, h5, h6 {
-    @include color($secondary-color);
+    @include color($secondary-color, 1);
     @include hyphenate(true);
 
     .dark-background & {
-      @include color($white);
+      @include color($white, 1);
     }
   }
 
@@ -69,17 +69,17 @@
   }
 
   a {
-    @include color($blue-1);
+    @include color($blue-1, 1);
 
-      .dark-background & {
-        @include color($white);
-      }
+    .dark-background & {
+      @include color($white, 1);
+    }
 
     &:hover {
-      @include color($blue-1, 0.8);
+      @include color($blue-1, .8);
 
       .dark-background & {
-        @include color($white, 0.8);
+        @include color($white, .8);
       }
     }
   }
@@ -133,12 +133,12 @@
     display: inline-block;
     padding: 7px 9px;
     font-size: 14px;
-    @include color($secondary-color, 0.75);
+    @include color($secondary-color, 1);
     @include bg($white);
-    @include border(all, 1px, solid, $black, 0.75);
+    @include border(all, 1px, solid, $black, 0.75);
+    opacity: .75;
 
     &:hover {
-      @include color($secondary-color, 0.75);
       @include border(all,1px,solid,$black, 0.1);
     }
 
@@ -151,8 +151,9 @@
       @include border(all, 1px, solid, $white, 0.75);
 
       &:hover {
-        @include color($white, 0.75);
+        @include color($white, 1);
         @include border(all,1px,solid,$white, 0.1);
+        opacity: .8;
       }
     }
   }
diff --git a/sources/stylesheets/_footer.scss b/sources/stylesheets/_footer.scss
index 4b7d06d..4351440 100644
--- a/sources/stylesheets/_footer.scss
+++ b/sources/stylesheets/_footer.scss
@@ -24,13 +24,13 @@
       display: inline-block;
       padding: 7px 9px;
       font-size: 10px;
-      @include color($secondary-color, 0.75);
+      @include color($primary-color, 1);
+      opacity: .75;
       line-height: 1;
       @include bg($white);
       @include border(all,1px,solid,$black, 0.1);
 
       &:hover {
-        @include color($secondary-color, 0.75);
         @include border(all, 1px, solid, $black, 0.75);
       }
     }
diff --git a/sources/stylesheets/_general.scss b/sources/stylesheets/_general.scss
index 4be9fa4..186daef 100644
--- a/sources/stylesheets/_general.scss
+++ b/sources/stylesheets/_general.scss
@@ -8,13 +8,13 @@ body {
   font-weight: 400;
   font-size: 18px;
   line-height: 1.3;
-  @include color($primary-color);
+  @include color($primary-color, 1);
   background-position: center;
   background-attachment: fixed;
   background-size: cover;
 
   &.dark-background {
-    @include color($white);
+    @include color($white, 1);
   }
 }
 
@@ -115,7 +115,11 @@ body {
   .container & {
     position: static;
     padding: 40px 20px;
-    @include bg($white, 1);
+    @include bg($white, 1);
+
+    @include query($tablet-2) {
+      padding-top: 1px;
+    }
   }
 }
 
diff --git a/sources/stylesheets/_header.scss b/sources/stylesheets/_header.scss
index 0cd095e..81bc738 100644
--- a/sources/stylesheets/_header.scss
+++ b/sources/stylesheets/_header.scss
@@ -11,7 +11,7 @@
 
   .flexbox & {
     @include flexbox;
-    @include align-items(flex-start);
+    justify-content: space-between;
   }
 
   .header-left,
@@ -30,10 +30,10 @@
       &, & a {
         font-size: 28px;
         font-weight: 700;
-        @include color($primary-color);
+        @include color($primary-color, 1);
 
         &:hover {
-          @include color($primary-color, 0.8);
+          opacity: .8;
         }
       }
     }
diff --git a/sources/stylesheets/_menus.scss b/sources/stylesheets/_menus.scss
index 81517f9..95686d4 100644
--- a/sources/stylesheets/_menus.scss
+++ b/sources/stylesheets/_menus.scss
@@ -18,7 +18,7 @@
 
     &.open {
       .menu-stripe {
-        @include bg($secondary-color, 0.47);
+        opacity: .47;
       }
     }
 
@@ -36,7 +36,8 @@
       width: 23px;
       height: 4px;
       margin: 4px 0;
-      @include bg($secondary-color, 0.67);
+      @include bg($secondary-color, 1);
+      opacity: .67;
       border-radius: 5px;
 
       &:first-child,
@@ -82,7 +83,7 @@
 
     .dark-background & {
       @include query($tablet-2, 'min-width') {
-        @include color($white);
+        @include color($white, 1);
       }
     }
 
@@ -91,11 +92,11 @@
     }
 
     &:hover {
-      @include color($primary-color);
+      @include color($primary-color, 1);
 
       .dark-background & {
         @include query($tablet-2, 'min-width') {
-          @include color($white);
+          @include color($white, 1);
         }
       }
     }
@@ -126,11 +127,13 @@
 
       &.active {
         font-weight: 700;
-        @include color($primary-color, 0.8);
+        @include color($primary-color, 1);
+        opacity: .8;
 
         .dark-background & {
           @include query($tablet-2, 'min-width') {
-            @include color($white, 0.5);
+            @include color($white, 1);
+            opacity: .5;
           }
         }
       }
@@ -227,7 +230,7 @@
             position: relative;
             padding: 15px 20px 14px 50px;
             font-size: 12px;
-            @include color($secondary-color);
+            @include color($secondary-color, 1);
 
             &, &.active {
               &:hover {
@@ -236,7 +239,7 @@
             }
 
             &.active {
-              @include color($grey-2);
+              @include color($primary-color, 1);
               background: none;
             }
 
@@ -313,7 +316,7 @@
 
       .menu-link {
         .dark-background & {
-          @include color($white);
+          @include color($white, 1);
         }
 
         &.untranslated {
@@ -322,11 +325,13 @@
 
         &.active {
           font-weight: 700;
-          @include color($primary-color, 0.8);
+          @include color($primary-color, 1);
+          opacity: .8;
 
           .dark-background & {
             @include query($tablet-2, 'min-width') {
-              @include color($white, 0.5);
+              @include color($white, 1);
+              opacity: .5;
             }
           }
         }
diff --git a/stylesheets/main.css b/stylesheets/main.css
index 6da31ac..e40404c 100644
--- a/stylesheets/main.css
+++ b/stylesheets/main.css
@@ -86,6 +86,12 @@ body.dark-background {
   padding: 40px 20px;
   background-color: white;
 }
+@media screen and (max-width: 752px) {
+  .container .background-image, .container
+  .background-color {
+    padding-top: 1px;
+  }
+}
 
 .background-image {
   top: 0;
@@ -222,14 +228,12 @@ body.dark-background {
   padding: 7px 9px;
   font-size: 14px;
   color: #1b2124;
-  color: rgba(27, 33, 36, 0.75);
   background-color: white;
   border: 1px solid #000000;
   border: 1px solid rgba(0, 0, 0, 0.75);
+  opacity: .75;
 }
 .content-formatted .custom-btn:hover {
-  color: #1b2124;
-  color: rgba(27, 33, 36, 0.75);
   border: 1px solid #000000;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
@@ -242,10 +246,10 @@ body.dark-background {
   border: 1px solid rgba(255, 255, 255, 0.75);
 }
 .dark-background .content-formatted .custom-btn:hover {
-  color: #ffffff;
-  color: rgba(255, 255, 255, 0.75);
+  color: white;
   border: 1px solid #ffffff;
   border: 1px solid rgba(255, 255, 255, 0.1);
+  opacity: .8;
 }
 .content-formatted .edy-positionable-container-center,
 .content-formatted .edy-positionable-container-left-block,
@@ -333,8 +337,7 @@ body.dark-background {
     cursor: pointer;
   }
   .menu-btn.open .menu-stripe {
-    background-color: #1b2124;
-    background-color: rgba(27, 33, 36, 0.47);
+    opacity: .47;
   }
   .menu-btn:focus {
     outline: none;
@@ -349,7 +352,7 @@ body.dark-background {
     height: 4px;
     margin: 4px 0;
     background-color: #1b2124;
-    background-color: rgba(27, 33, 36, 0.67);
+    opacity: .67;
     border-radius: 5px;
   }
   .menu-btn .menu-stripe:first-child, .menu-btn .menu-stripe:last-child {
@@ -419,12 +422,12 @@ body.dark-background {
 .menu-main .menu .menu-link.active {
   font-weight: 700;
   color: #727272;
-  color: rgba(114, 114, 114, 0.8);
+  opacity: .8;
 }
 @media screen and (min-width: 752px) {
   .dark-background .menu-main .menu .menu-link.active {
-    color: #ffffff;
-    color: rgba(255, 255, 255, 0.5);
+    color: white;
+    opacity: .5;
   }
 }
 .menu-main .menu-sub {
@@ -509,7 +512,7 @@ body.dark-background {
     background-color: rgba(131, 133, 134, 0.1);
   }
   .menu-main.expanded .menu-lang .menu-item .menu-link.active {
-    color: #838586;
+    color: #727272;
     background: none;
   }
   .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before, .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after {
@@ -573,12 +576,12 @@ body.dark-background {
 .menu-sub .menu .menu-item .menu-link.active {
   font-weight: 700;
   color: #727272;
-  color: rgba(114, 114, 114, 0.8);
+  opacity: .8;
 }
 @media screen and (min-width: 752px) {
   .dark-background .menu-sub .menu .menu-item .menu-link.active {
-    color: #ffffff;
-    color: rgba(255, 255, 255, 0.5);
+    color: white;
+    opacity: .5;
   }
 }
 @media screen and (max-width: 752px) {
@@ -861,10 +864,9 @@ body.dark-background {
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: start;
-  -webkit-align-items: flex-start;
-  -moz-align-items: flex-start;
-  align-items: flex-start;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 .no-flexbox .header .header-left, .no-flexbox
 .header .header-right {
@@ -882,8 +884,7 @@ body.dark-background {
   color: #727272;
 }
 .header .header-left .header-title:hover, .header .header-left .header-title a:hover {
-  color: #727272;
-  color: rgba(114, 114, 114, 0.8);
+  opacity: .8;
 }
 .header .header-right {
   width: 470px;
@@ -1043,11 +1044,10 @@ body.dark-background {
 }
 .post .post-title a:hover {
   color: #1b2124;
-  color: rgba(27, 33, 36, 0.8);
+  opacity: .8;
 }
 .dark-background .post .post-title a:hover {
-  color: #ffffff;
-  color: rgba(255, 255, 255, 0.8);
+  color: white;
 }
 @media screen and (max-width: 480px) {
   .post .post-title, .post .post-title a {
@@ -1065,8 +1065,8 @@ body.dark-background {
   font-size: 12px;
 }
 .dark-background .post .post-author {
-  color: #ffffff;
-  color: rgba(255, 255, 255, 0.8);
+  color: white;
+  opacity: .8;
 }
 .post .post-content {
   margin-top: 20px;
@@ -1083,11 +1083,10 @@ body.dark-background {
 }
 .post .post-comments-count a:hover {
   color: #0066bb;
-  color: rgba(0, 102, 187, 0.8);
+  opacity: .8;
 }
 .dark-background .post .post-comments-count a:hover {
-  color: #ffffff;
-  color: rgba(255, 255, 255, 0.8);
+  color: white;
 }
 
 .blog-page .post {
@@ -1245,16 +1244,14 @@ body.dark-background {
   display: inline-block;
   padding: 7px 9px;
   font-size: 10px;
-  color: #1b2124;
-  color: rgba(27, 33, 36, 0.75);
+  color: #727272;
+  opacity: .75;
   line-height: 1;
   background-color: white;
   border: 1px solid #000000;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
 .footer .voog-reference a:hover {
-  color: #1b2124;
-  color: rgba(27, 33, 36, 0.75);
   border: 1px solid #000000;
   border: 1px solid rgba(0, 0, 0, 0.75);
 }
diff --git a/stylesheets/main.min.css b/stylesheets/main.min.css
index bbedd7c..9591966 100644
--- a/stylesheets/main.min.css
+++ b/stylesheets/main.min.css
@@ -1 +1 @@
-.edit-btn,.menu-lang .menu{vertical-align:middle}body{position:relative;margin:0;padding:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.3;color:#727272;background-position:center;background-attachment:fixed;background-size:cover}body.dark-background{color:#fff}.dark-background .edy-empty-bordered{color:rgba(255,255,255,.33);border-color:rgba(255,255,255,.33)}.dark-background .content-formatted,.dark-background .placeholder{color:#fff}.dark-background .edy-content-element-hover{border-color:rgba(255,255,255,.1)}.dark-background .edy-texteditor-active,.dark-background .edy-texteditor-active:hover{outline-color:rgba(255,255,255,.63)}.content-formatted:after{content:"";display:table;clear:both}.background-color{top:0;left:0;right:0;bottom:0}.menu-lang,.search,.search-left,.search-right{display:inline-block}.voog-bg-picker-btn{margin:0;padding:0;background:0 0;border:none;cursor:pointer;position:absolute}.voog-bg-picker-btn:focus{outline:0}.voog-bg-picker-btn::-moz-focus-inner{padding:0;border:none}.container .voog-bg-picker-btn{top:68px;right:15px}.background-color,.background-image{position:fixed;z-index:-2}.container .background-color,.container .background-image{position:static;padding:40px 20px;background-color:#fff}.background-image{top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center}.container{position:relative;max-width:960px;margin:0 auto}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield,.content-formatted iframe{max-width:100%}@media screen and (max-width:752px){.container{padding:20px}}.container a{text-decoration:none}.container a img{border:none}.content-formatted{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.content-formatted code,.content-formatted h1,.content-formatted h2,.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6,.content-formatted iframe,.content-formatted ol,.content-formatted p,.content-formatted pre,.content-formatted table form,.content-formatted ul{margin-bottom:0}.content-formatted code:first-child,.content-formatted h1:first-child,.content-formatted h2:first-child,.content-formatted h3:first-child,.content-formatted h4:first-child,.content-formatted h5:first-child,.content-formatted h6:first-child,.content-formatted iframe:first-child,.content-formatted ol:first-child,.content-formatted p:first-child,.content-formatted pre:first-child,.content-formatted table form:first-child,.content-formatted ul:first-child{margin-top:0}.content-formatted h1,.content-formatted h2,.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{color:#1b2124;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.dark-background .content-formatted h1,.dark-background .content-formatted h2,.dark-background .content-formatted h3,.dark-background .content-formatted h4,.dark-background .content-formatted h5,.dark-background .content-formatted h6{color:#fff}.content-formatted h1{margin-top:40px;font-size:50px}.content-formatted h2{margin-top:15px;font-size:30px}.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{margin-top:20px;font-size:20px}@media screen and (max-width:480px){.content-formatted h1{font-size:30px}.content-formatted h2{font-size:25px}}.content-formatted p{margin-top:20px}.content-formatted a{color:#06b}.dark-background .content-formatted a{color:#fff}.content-formatted a:hover{color:#06b;color:rgba(0,102,187,.8)}.dark-background .content-formatted a:hover{color:#fff;color:rgba(255,255,255,.8)}.content-formatted iframe,.content-formatted pre{margin-top:25px}.content-formatted code,.content-formatted pre{font-size:14px;background-color:#fafafa}.dark-background .content-formatted code,.dark-background .content-formatted pre{color:#000}.content-formatted pre{overflow:auto;padding:10px}.content-formatted pre code{display:inline;padding:0;white-space:pre;line-height:inherit;background-color:transparent;overflow-wrap:normal;word-wrap:normal;word-break:normal}.content-formatted code{display:inline-block;padding:5px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}.menu .menu-item,.post{word-break:break-word;word-wrap:break-word}.content-formatted blockquote{margin:20px 40px}.content-formatted .custom-btn{display:inline-block;padding:7px 9px;font-size:14px;color:#1b2124;color:rgba(27,33,36,.75);background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.75)}.content-formatted .custom-btn:hover{color:#1b2124;color:rgba(27,33,36,.75);border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.public .content-formatted .custom-btn{cursor:pointer}.dark-background .content-formatted .custom-btn{background-color:#000;border:1px solid #fff;border:1px solid rgba(255,255,255,.75)}.dark-background .content-formatted .custom-btn:hover{color:#fff;color:rgba(255,255,255,.75);border:1px solid #fff;border:1px solid rgba(255,255,255,.1)}.content-formatted .edy-positionable-container-center,.content-formatted .edy-positionable-container-left-block,.content-formatted .edy-positionable-container-right-block,.content-formatted .edy-texteditor-container-wrapper-center,.content-formatted .edy-texteditor-container-wrapper-left-block,.content-formatted .edy-texteditor-container-wrapper-right-block{margin-top:20px;margin-bottom:20px}.content-formatted .edy-positionable-container-center:first-child,.content-formatted .edy-positionable-container-left-block:first-child,.content-formatted .edy-positionable-container-right-block:first-child,.content-formatted .edy-texteditor-container-wrapper-center:first-child,.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,.content-formatted .edy-texteditor-container-wrapper-right-block:first-child{margin-top:0}.content-formatted .edy-positionable-container-center:last-child,.content-formatted .edy-positionable-container-left-block:last-child,.content-formatted .edy-positionable-container-right-block:last-child,.content-formatted .edy-texteditor-container-wrapper-center:last-child,.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,.content-formatted .edy-texteditor-container-wrapper-right-block:last-child{margin-bottom:0}.content-formatted .edy-positionable-container-left,.content-formatted .edy-positionable-container-right{width:45%}.content-formatted .edy-positionable-container-left{margin-right:20px}.content-formatted .edy-positionable-container-right{margin-left:20px}.content-formatted .edy-image-container-with-title:after{display:block;padding:4px;font-size:12px;line-height:1.3em;content:attr(data-title)}.content-formatted .table-container{margin-top:20px;overflow:auto;-webkit-overflow-scrolling:touch}.content-formatted .horizontal-scroll{border-left:1px dashed #303132;border-right:1px dashed #303132}.content-formatted table{width:100%;margin-top:20px;font-size:16px;border-collapse:collapse}.content-formatted table td{padding:10px;border-top:1px solid #303132;border-bottom:1px solid #303132}.content-formatted .edy-texteditor-view{min-height:32px}.content-formatted .edy-partial-view{margin-top:25px}.menu-btn{display:none}@media screen and (max-width:752px){.menu-btn{position:absolute;top:28px;right:20px;display:inline-block;margin:0;padding:0;background:0 0;border:none;cursor:pointer}.menu-btn.open .menu-stripe{background-color:#1b2124;background-color:rgba(27,33,36,.47)}.menu-btn:focus{outline:0}.menu-btn::-moz-focus-inner{padding:0;border:0}.menu-btn .menu-stripe{display:block;width:23px;height:4px;margin:4px 0;background-color:#1b2124;background-color:rgba(27,33,36,.67);border-radius:5px}.menu-btn .menu-stripe:first-child,.menu-btn .menu-stripe:last-child{margin:0}.dark-background .menu-btn .menu-stripe{background-color:#fff}}.edit-btn{display:inline-block;line-height:.8}.menu-main .edit-btn{margin-right:20px}@media screen and (max-width:752px){.menu-main .edit-btn{margin-right:0}}.menu{margin:0;padding:0;list-style:none}.menu .menu-item{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.menu .menu-link{display:block;color:#06b}@media screen and (min-width:752px){.dark-background .menu .menu-link{color:#fff}}.menu .menu-link.untranslated{color:#c00;color:rgba(204,0,0,.5)}.menu .menu-link:hover{color:#727272}@media screen and (min-width:752px){.dark-background .menu .menu-link:hover{color:#fff}}.menu-main{padding:6px 0}.menu-main .menu .menu-item{display:inline-block;margin-right:20px;line-height:1}.menu-main .menu .menu-link.active{font-weight:700;color:#727272;color:rgba(114,114,114,.8)}@media screen and (min-width:752px){.dark-background .menu-main .menu .menu-link.active{color:#fff;color:rgba(255,255,255,.5)}}.menu-main .menu-lang,.menu-main .menu-sub{display:none}@media screen and (max-width:752px){.menu-main{display:none}.menu-main.expanded{position:absolute;top:75px;right:20px;z-index:1;display:block;min-width:350px;margin-bottom:60px;padding:0;text-align:left;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}.menu-main.expanded .menu .menu-item{display:block;margin-right:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu .menu-item:first-child{border-top:none}.menu-main.expanded .menu .menu-item .menu-link{display:block;padding:10px 20px;font-size:20px}.menu-main.expanded .menu .menu-item .menu-link.active{background-color:#c7e5ff}.menu-main.expanded .menu .menu-item .menu-link:hover{background-color:#c7e5ff;background-color:rgba(199,229,255,.5)}.menu-main.expanded .menu .edit-btn{display:block;padding:12px 25px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-sub{display:block}.menu-main.expanded .menu-sub .menu .menu-item:first-child{border-top:1px solid #838586;border-top:1px solid rgba(131,133,134,.1)}.menu-main.expanded .menu-sub .menu .menu-link{padding:10px 40px;font-size:14px}.menu-main.expanded .menu-sub .menu .menu-link.active{background-color:#000;background-color:rgba(0,0,0,.5)}.menu-main.expanded .menu-lang{display:block;margin-top:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-lang .menu-item .menu-link{position:relative;padding:15px 20px 14px 50px;font-size:12px;color:#1b2124}.menu-main.expanded .menu-lang .menu-item .menu-link.active:hover,.menu-main.expanded .menu-lang .menu-item .menu-link:hover{background-color:#838586;background-color:rgba(131,133,134,.1)}.menu-main.expanded .menu-lang .menu-item .menu-link.active{color:#838586;background:0 0}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after,.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{position:absolute;top:13px;left:20px;display:block;width:21px;height:15px}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{background-color:#000;content:''}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{opacity:.95;padding-top:3px;padding-bottom:3px;font-size:9px;line-height:1;text-align:center;text-transform:uppercase;box-sizing:border-box;background-repeat:no-repeat}.no-svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../images/ico-flags.png)}.svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../assets/ico-flags.svg)}.menu-main.expanded .menu-lang .menu-item .menu-link.edy-menu-langadd{padding-left:20px}}@media screen and (max-width:480px){.menu-main.expanded{min-width:100%;right:0;left:0;margin:0 0 60px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2);border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.2);box-shadow:none}}.menu-sub .menu .menu-item{display:inline-block;margin-right:10px;font-size:14px}.menu-sub .menu .menu-item:first-child{margin-left:0}.dark-background .menu-sub .menu .menu-item .menu-link{color:#fff}.menu-sub .menu .menu-item .menu-link.active{font-weight:700;color:#727272;color:rgba(114,114,114,.8)}@media screen and (min-width:752px){.dark-background .menu-sub .menu .menu-item .menu-link.active{color:#fff;color:rgba(255,255,255,.5)}}@media screen and (max-width:752px){.menu-sub{margin-top:30px}.menu-lang{display:block}.header-right .menu-lang{display:none}}.header-right .menu-lang .edit-btn{margin-left:10px}.menu-tags,.tags-title{display:inline-block}.lang-flag::after{background-position:0 -75px;content:attr(data-lang-code)}.lang-flag-ar:after,.lang-flag-bg:after,.lang-flag-bn:after,.lang-flag-cs:after,.lang-flag-da:after,.lang-flag-de:after,.lang-flag-el:after,.lang-flag-en:after,.lang-flag-es:after,.lang-flag-et:after,.lang-flag-fa:after,.lang-flag-fi:after,.lang-flag-fil:after,.lang-flag-fr:after,.lang-flag-he:after,.lang-flag-hi:after,.lang-flag-hr:after,.lang-flag-hu:after,.lang-flag-hy:after,.lang-flag-id:after,.lang-flag-is:after,.lang-flag-it:after,.lang-flag-ja:after,.lang-flag-ka:after,.lang-flag-lt:after,.lang-flag-lv:after,.lang-flag-ms:after,.lang-flag-nl:after,.lang-flag-no:after,.lang-flag-pl:after,.lang-flag-pt:after,.lang-flag-ro:after,.lang-flag-ru:after,.lang-flag-sk:after,.lang-flag-sl:after,.lang-flag-sq:after,.lang-flag-sr:after,.lang-flag-sv:after,.lang-flag-th:after,.lang-flag-tr:after,.lang-flag-uk:after,.lang-flag-ur:after,.lang-flag-zh:after{content:''}.lang-flag-sq:after{background-position:0 0}.lang-flag-hy:after{background-position:-21px 0}.lang-flag-bg:after{background-position:-84px 0}.lang-flag-zh:after{background-position:-105px 0}.lang-flag-hr:after{background-position:-126px 0}.lang-flag-da:after{background-position:-147px 0}.lang-flag-cs:after{background-position:-168px 0}.lang-flag-et:after{background-position:-189px 0}.lang-flag-fi:after{background-position:0 -15px}.lang-flag-fr:after{background-position:-21px -15px}.lang-flag-ka:after{background-position:-42px -15px}.lang-flag-de:after{background-position:-63px -15px}.lang-flag-el:after{background-position:-84px -15px}.lang-flag-hu:after{background-position:-105px -15px}.lang-flag-is:after{background-position:-126px -15px}.lang-flag-hi:after{background-position:-147px -15px}.lang-flag-id:after{background-position:-168px -15px}.lang-flag-fa:after{background-position:-189px -15px}.lang-flag-he:after{background-position:0 -30px}.lang-flag-it:after{background-position:-21px -30px}.lang-flag-ja:after{background-position:-42px -30px}.lang-flag-ko:after{background-position:-63px -30px;content:''}.lang-flag-lv:after{background-position:-84px -30px}.lang-flag-lt:after{background-position:-105px -30px}.lang-flag-ms:after{background-position:-126px -30px}.lang-flag-nl:after{background-position:-147px -30px}.lang-flag-no:after{background-position:-168px -30px}.lang-flag-ur:after{background-position:-189px -30px}.lang-flag-fil:after{background-position:0 -45px}.lang-flag-pl:after{background-position:-21px -45px}.lang-flag-ro:after{background-position:-42px -45px}.lang-flag-ru:after{background-position:-63px -45px}.lang-flag-ar:after{background-position:-84px -45px}.lang-flag-sk:after{background-position:-105px -45px}.lang-flag-sl:after{background-position:-126px -45px}.lang-flag-es:after{background-position:-147px -45px}.lang-flag-sv:after{background-position:-168px -45px}.lang-flag-tr:after{background-position:-189px -45px}.lang-flag-uk:after{background-position:0 -60px}.lang-flag-en:after{background-position:-21px -60px}.lang-flag-pt:after{background-position:-84px -60px}.lang-flag-sr:after{background-position:-126px -60px}.lang-flag-bn:after{background-position:-147px -60px}.lang-flag-th:after{background-position:-189px -60px}.tags-title{font-weight:700;font-size:14px}.header{padding-bottom:30px}.no-flexbox .header{display:table;vertical-align:top;width:100%}.search-inner,.search-right .search-submit{vertical-align:middle}.no-flexbox .header .header-left,.no-flexbox .header .header-right{display:table-cell}.header .header-left{width:490px}.header .header-left .header-title{display:none}.header .header-left .header-title,.header .header-left .header-title a{font-size:28px;font-weight:700;color:#727272}.header .header-left .header-title a:hover,.header .header-left .header-title:hover{color:#727272;color:rgba(114,114,114,.8)}.header .header-right{width:470px;text-align:right}.flexbox .header{-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:900px){.menu-lang{margin-top:5px}.flexbox .header,.no-flexbox .header{width:100%}.header .header-left,.header .header-right{width:480px}}@media screen and (max-width:752px){.header .header-left{width:425px}.header .header-left .header-title{display:block}.header .header-right{width:535px}}@media screen and (max-width:506px){.flexbox .header,.no-flexbox .header{display:block;padding-bottom:0}.flexbox .header .header-left,.no-flexbox .header .header-left{width:100%}.header .header-left .header-title{margin-right:40px}.header .header-right{width:auto;text-align:left}}.content{display:block;margin-top:30px}.front-page .content{margin-top:40px}@media screen and (max-width:752px){.content,.front-page .content{margin-top:20px}.content-title.content-formatted{display:none}}.content-header .edy-partial-view{margin-top:-3px}.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:100px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:50px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:30px}@media screen and (max-width:480px){.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:50px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:30px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:20px}}.content-title.content-formatted{line-height:1.2;font-weight:700;font-size:100px}.content-slogan{margin-top:5px;padding-bottom:35px}.content-slogan.content-formatted{font-weight:400;font-size:50px}.front-page .content-body{margin-top:45px}@media screen and (max-width:752px){.front-page .content-body{margin-top:35px}}.front-page .content-body p{margin-top:10px;font-size:25px;line-height:1.5}@media screen and (max-width:752px){.front-page .content-body p{font-size:18px}.search{margin-right:40px}}.common-page .content-body{margin-top:35px}.post{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.post .post-title{margin-top:0;margin-bottom:0;line-height:1.1}.post .post-title,.post .post-title a{font-size:50px;color:#1b2124}.dark-background .post .post-title,.dark-background .post .post-title a{color:#fff}.post .post-title a:hover{color:#1b2124;color:rgba(27,33,36,.8)}.dark-background .post .post-title a:hover{color:#fff;color:rgba(255,255,255,.8)}@media screen and (max-width:480px){.post .post-title,.post .post-title a{font-size:30px}}.post .post-date{font-size:14px;color:#1b2124}.dark-background .post .post-date{color:#fff}.post .post-author{font-size:12px}.dark-background .post .post-author{color:#fff;color:rgba(255,255,255,.8)}.post .post-content,.post .post-content .post-body{margin-top:20px}.post .post-comments-count a{font-size:14px;color:#06b}.dark-background .post .post-comments-count a{color:#fff}.post .post-comments-count a:hover{color:#06b;color:rgba(0,102,187,.8)}.dark-background .post .post-comments-count a:hover{color:#fff;color:rgba(255,255,255,.8)}.blog-page .post{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.3)}.search-inner{display:inline-block}.search-mobile{display:none}.search-left .search-input{width:128px;padding:7px 10px;font-family:inherit;font-size:14px;border:1px solid #787878;border-radius:3px}.content-formatted form{max-width:100%;margin-top:25px;clear:both}.content-formatted .edy-fe-label,.content-formatted .form_field{font-size:14px}.content-formatted .form_field{margin-top:20px}.content-formatted .form_field_required .form_field_label:after{content:'*'}.content-formatted label{display:block}.content-formatted .edy-fe-label,.content-formatted .form_field_label{font-weight:700;font-family:inherit;line-height:1.3}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield,.content-formatted .form_submit input{font-family:inherit;font-size:14px}.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:280px;margin:0;padding:7px;border:1px solid #787878;border-radius:3px;box-sizing:border-box}@media screen and (max-width:420px){.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:100%}}.content-formatted .form_field_textarea{min-height:98px}.content-formatted .form_field_size_medium{width:420px}@media screen and (max-width:420px){.content-formatted .form_field_size_medium{width:100%}}.content-formatted .form_field_size_large{width:580px}.content-formatted .form_submit{margin-top:10px}.editmode .dark-background .content-formatted .form_submit input[disabled=disabled]{color:#fff}.content-formatted .form_error,.content-formatted .form_field_error{color:#c00}.content-formatted .form_field_with_errors .form_field_textarea,.content-formatted .form_field_with_errors .form_field_textfield{border:1px solid #c00}.content-formatted .form_notice{color:#60a740}.comments{margin-top:50px}.comments .comment,.comments .comment-form,.comments .comment-title{margin-top:25px}.footer{margin-top:50px}@media screen and (max-width:752px){.footer{margin-top:35px}}.footer .content-formatted{font-size:14px;line-height:1.5}.footer .content-formatted .edy-texteditor-view{min-height:18px}.footer .voog-reference{margin-top:30px}.footer .voog-reference a{display:inline-block;padding:7px 9px;font-size:10px;color:#1b2124;color:rgba(27,33,36,.75);line-height:1;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.footer .voog-reference a:hover{color:#1b2124;color:rgba(27,33,36,.75);border:1px solid #000;border:1px solid rgba(0,0,0,.75)}
\ No newline at end of file
+.edit-btn,.menu-lang .menu{vertical-align:middle}body{position:relative;margin:0;padding:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.3;color:#727272;background-position:center;background-attachment:fixed;background-size:cover}body.dark-background{color:#fff}.dark-background .edy-empty-bordered{color:rgba(255,255,255,.33);border-color:rgba(255,255,255,.33)}.dark-background .content-formatted,.dark-background .placeholder{color:#fff}.dark-background .edy-content-element-hover{border-color:rgba(255,255,255,.1)}.dark-background .edy-texteditor-active,.dark-background .edy-texteditor-active:hover{outline-color:rgba(255,255,255,.63)}.content-formatted:after{content:"";display:table;clear:both}.background-color{top:0;left:0;right:0;bottom:0}.menu-lang,.search,.search-left,.search-right{display:inline-block}.voog-bg-picker-btn{margin:0;padding:0;background:0 0;border:none;cursor:pointer;position:absolute}.voog-bg-picker-btn:focus{outline:0}.voog-bg-picker-btn::-moz-focus-inner{padding:0;border:none}.container .voog-bg-picker-btn{top:68px;right:15px}.background-color,.background-image{position:fixed;z-index:-2}.container .background-color,.container .background-image{position:static;padding:40px 20px;background-color:#fff}.background-image{top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center}.container{position:relative;max-width:960px;margin:0 auto}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield,.content-formatted iframe{max-width:100%}@media screen and (max-width:752px){.container .background-color,.container .background-image{padding-top:1px}.container{padding:20px}}.container a{text-decoration:none}.container a img{border:none}.content-formatted{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.content-formatted code,.content-formatted h1,.content-formatted h2,.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6,.content-formatted iframe,.content-formatted ol,.content-formatted p,.content-formatted pre,.content-formatted table form,.content-formatted ul{margin-bottom:0}.content-formatted code:first-child,.content-formatted h1:first-child,.content-formatted h2:first-child,.content-formatted h3:first-child,.content-formatted h4:first-child,.content-formatted h5:first-child,.content-formatted h6:first-child,.content-formatted iframe:first-child,.content-formatted ol:first-child,.content-formatted p:first-child,.content-formatted pre:first-child,.content-formatted table form:first-child,.content-formatted ul:first-child{margin-top:0}.content-formatted h1,.content-formatted h2,.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{color:#1b2124;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.dark-background .content-formatted h1,.dark-background .content-formatted h2,.dark-background .content-formatted h3,.dark-background .content-formatted h4,.dark-background .content-formatted h5,.dark-background .content-formatted h6{color:#fff}.content-formatted h1{margin-top:40px;font-size:50px}.content-formatted h2{margin-top:15px;font-size:30px}.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{margin-top:20px;font-size:20px}@media screen and (max-width:480px){.content-formatted h1{font-size:30px}.content-formatted h2{font-size:25px}}.content-formatted p{margin-top:20px}.content-formatted a{color:#06b}.dark-background .content-formatted a{color:#fff}.content-formatted a:hover{color:#06b;color:rgba(0,102,187,.8)}.dark-background .content-formatted a:hover{color:#fff;color:rgba(255,255,255,.8)}.content-formatted iframe,.content-formatted pre{margin-top:25px}.content-formatted code,.content-formatted pre{font-size:14px;background-color:#fafafa}.dark-background .content-formatted code,.dark-background .content-formatted pre{color:#000}.content-formatted pre{overflow:auto;padding:10px}.content-formatted pre code{display:inline;padding:0;white-space:pre;line-height:inherit;background-color:transparent;overflow-wrap:normal;word-wrap:normal;word-break:normal}.content-formatted code{display:inline-block;padding:5px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}.menu .menu-item,.post{word-break:break-word;word-wrap:break-word}.content-formatted blockquote{margin:20px 40px}.content-formatted .custom-btn{display:inline-block;padding:7px 9px;font-size:14px;color:#1b2124;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.75);opacity:.75}.content-formatted .custom-btn:hover{border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.public .content-formatted .custom-btn{cursor:pointer}.dark-background .content-formatted .custom-btn{background-color:#000;border:1px solid #fff;border:1px solid rgba(255,255,255,.75)}.dark-background .content-formatted .custom-btn:hover{color:#fff;border:1px solid #fff;border:1px solid rgba(255,255,255,.1);opacity:.8}.content-formatted .edy-positionable-container-center,.content-formatted .edy-positionable-container-left-block,.content-formatted .edy-positionable-container-right-block,.content-formatted .edy-texteditor-container-wrapper-center,.content-formatted .edy-texteditor-container-wrapper-left-block,.content-formatted .edy-texteditor-container-wrapper-right-block{margin-top:20px;margin-bottom:20px}.content-formatted .edy-positionable-container-center:first-child,.content-formatted .edy-positionable-container-left-block:first-child,.content-formatted .edy-positionable-container-right-block:first-child,.content-formatted .edy-texteditor-container-wrapper-center:first-child,.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,.content-formatted .edy-texteditor-container-wrapper-right-block:first-child{margin-top:0}.content-formatted .edy-positionable-container-center:last-child,.content-formatted .edy-positionable-container-left-block:last-child,.content-formatted .edy-positionable-container-right-block:last-child,.content-formatted .edy-texteditor-container-wrapper-center:last-child,.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,.content-formatted .edy-texteditor-container-wrapper-right-block:last-child{margin-bottom:0}.content-formatted .edy-positionable-container-left,.content-formatted .edy-positionable-container-right{width:45%}.content-formatted .edy-positionable-container-left{margin-right:20px}.content-formatted .edy-positionable-container-right{margin-left:20px}.content-formatted .edy-image-container-with-title:after{display:block;padding:4px;font-size:12px;line-height:1.3em;content:attr(data-title)}.content-formatted .table-container{margin-top:20px;overflow:auto;-webkit-overflow-scrolling:touch}.content-formatted .horizontal-scroll{border-left:1px dashed #303132;border-right:1px dashed #303132}.content-formatted table{width:100%;margin-top:20px;font-size:16px;border-collapse:collapse}.content-formatted table td{padding:10px;border-top:1px solid #303132;border-bottom:1px solid #303132}.content-formatted .edy-texteditor-view{min-height:32px}.content-formatted .edy-partial-view{margin-top:25px}.menu-btn{display:none}@media screen and (max-width:752px){.menu-btn{position:absolute;top:28px;right:20px;display:inline-block;margin:0;padding:0;background:0 0;border:none;cursor:pointer}.menu-btn.open .menu-stripe{opacity:.47}.menu-btn:focus{outline:0}.menu-btn::-moz-focus-inner{padding:0;border:0}.menu-btn .menu-stripe{display:block;width:23px;height:4px;margin:4px 0;background-color:#1b2124;opacity:.67;border-radius:5px}.menu-btn .menu-stripe:first-child,.menu-btn .menu-stripe:last-child{margin:0}.dark-background .menu-btn .menu-stripe{background-color:#fff}}.edit-btn{display:inline-block;line-height:.8}.menu-main .edit-btn{margin-right:20px}@media screen and (max-width:752px){.menu-main .edit-btn{margin-right:0}}.menu{margin:0;padding:0;list-style:none}.menu .menu-item{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.menu .menu-link{display:block;color:#06b}@media screen and (min-width:752px){.dark-background .menu .menu-link{color:#fff}}.menu .menu-link.untranslated{color:#c00;color:rgba(204,0,0,.5)}.menu .menu-link:hover{color:#727272}@media screen and (min-width:752px){.dark-background .menu .menu-link:hover{color:#fff}}.menu-main{padding:6px 0}.menu-main .menu .menu-item{display:inline-block;margin-right:20px;line-height:1}.menu-main .menu .menu-link.active{font-weight:700;color:#727272;opacity:.8}@media screen and (min-width:752px){.dark-background .menu-main .menu .menu-link.active{color:#fff;opacity:.5}}.menu-main .menu-lang,.menu-main .menu-sub{display:none}@media screen and (max-width:752px){.menu-main{display:none}.menu-main.expanded{position:absolute;top:75px;right:20px;z-index:1;display:block;min-width:350px;margin-bottom:60px;padding:0;text-align:left;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}.menu-main.expanded .menu .menu-item{display:block;margin-right:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu .menu-item:first-child{border-top:none}.menu-main.expanded .menu .menu-item .menu-link{display:block;padding:10px 20px;font-size:20px}.menu-main.expanded .menu .menu-item .menu-link.active{background-color:#c7e5ff}.menu-main.expanded .menu .menu-item .menu-link:hover{background-color:#c7e5ff;background-color:rgba(199,229,255,.5)}.menu-main.expanded .menu .edit-btn{display:block;padding:12px 25px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-sub{display:block}.menu-main.expanded .menu-sub .menu .menu-item:first-child{border-top:1px solid #838586;border-top:1px solid rgba(131,133,134,.1)}.menu-main.expanded .menu-sub .menu .menu-link{padding:10px 40px;font-size:14px}.menu-main.expanded .menu-sub .menu .menu-link.active{background-color:#000;background-color:rgba(0,0,0,.5)}.menu-main.expanded .menu-lang{display:block;margin-top:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-lang .menu-item .menu-link{position:relative;padding:15px 20px 14px 50px;font-size:12px;color:#1b2124}.menu-main.expanded .menu-lang .menu-item .menu-link.active:hover,.menu-main.expanded .menu-lang .menu-item .menu-link:hover{background-color:#838586;background-color:rgba(131,133,134,.1)}.menu-main.expanded .menu-lang .menu-item .menu-link.active{color:#727272;background:0 0}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after,.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{position:absolute;top:13px;left:20px;display:block;width:21px;height:15px}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{background-color:#000;content:''}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{opacity:.95;padding-top:3px;padding-bottom:3px;font-size:9px;line-height:1;text-align:center;text-transform:uppercase;box-sizing:border-box;background-repeat:no-repeat}.no-svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../images/ico-flags.png)}.svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../assets/ico-flags.svg)}.menu-main.expanded .menu-lang .menu-item .menu-link.edy-menu-langadd{padding-left:20px}}@media screen and (max-width:480px){.menu-main.expanded{min-width:100%;right:0;left:0;margin:0 0 60px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2);border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.2);box-shadow:none}}.menu-sub .menu .menu-item{display:inline-block;margin-right:10px;font-size:14px}.menu-sub .menu .menu-item:first-child{margin-left:0}.dark-background .menu-sub .menu .menu-item .menu-link{color:#fff}.menu-sub .menu .menu-item .menu-link.active{font-weight:700;color:#727272;opacity:.8}@media screen and (min-width:752px){.dark-background .menu-sub .menu .menu-item .menu-link.active{color:#fff;opacity:.5}}@media screen and (max-width:752px){.menu-sub{margin-top:30px}.menu-lang{display:block}.header-right .menu-lang{display:none}}.header-right .menu-lang .edit-btn{margin-left:10px}.menu-tags,.tags-title{display:inline-block}.lang-flag::after{background-position:0 -75px;content:attr(data-lang-code)}.lang-flag-ar:after,.lang-flag-bg:after,.lang-flag-bn:after,.lang-flag-cs:after,.lang-flag-da:after,.lang-flag-de:after,.lang-flag-el:after,.lang-flag-en:after,.lang-flag-es:after,.lang-flag-et:after,.lang-flag-fa:after,.lang-flag-fi:after,.lang-flag-fil:after,.lang-flag-fr:after,.lang-flag-he:after,.lang-flag-hi:after,.lang-flag-hr:after,.lang-flag-hu:after,.lang-flag-hy:after,.lang-flag-id:after,.lang-flag-is:after,.lang-flag-it:after,.lang-flag-ja:after,.lang-flag-ka:after,.lang-flag-lt:after,.lang-flag-lv:after,.lang-flag-ms:after,.lang-flag-nl:after,.lang-flag-no:after,.lang-flag-pl:after,.lang-flag-pt:after,.lang-flag-ro:after,.lang-flag-ru:after,.lang-flag-sk:after,.lang-flag-sl:after,.lang-flag-sq:after,.lang-flag-sr:after,.lang-flag-sv:after,.lang-flag-th:after,.lang-flag-tr:after,.lang-flag-uk:after,.lang-flag-ur:after,.lang-flag-zh:after{content:''}.lang-flag-sq:after{background-position:0 0}.lang-flag-hy:after{background-position:-21px 0}.lang-flag-bg:after{background-position:-84px 0}.lang-flag-zh:after{background-position:-105px 0}.lang-flag-hr:after{background-position:-126px 0}.lang-flag-da:after{background-position:-147px 0}.lang-flag-cs:after{background-position:-168px 0}.lang-flag-et:after{background-position:-189px 0}.lang-flag-fi:after{background-position:0 -15px}.lang-flag-fr:after{background-position:-21px -15px}.lang-flag-ka:after{background-position:-42px -15px}.lang-flag-de:after{background-position:-63px -15px}.lang-flag-el:after{background-position:-84px -15px}.lang-flag-hu:after{background-position:-105px -15px}.lang-flag-is:after{background-position:-126px -15px}.lang-flag-hi:after{background-position:-147px -15px}.lang-flag-id:after{background-position:-168px -15px}.lang-flag-fa:after{background-position:-189px -15px}.lang-flag-he:after{background-position:0 -30px}.lang-flag-it:after{background-position:-21px -30px}.lang-flag-ja:after{background-position:-42px -30px}.lang-flag-ko:after{background-position:-63px -30px;content:''}.lang-flag-lv:after{background-position:-84px -30px}.lang-flag-lt:after{background-position:-105px -30px}.lang-flag-ms:after{background-position:-126px -30px}.lang-flag-nl:after{background-position:-147px -30px}.lang-flag-no:after{background-position:-168px -30px}.lang-flag-ur:after{background-position:-189px -30px}.lang-flag-fil:after{background-position:0 -45px}.lang-flag-pl:after{background-position:-21px -45px}.lang-flag-ro:after{background-position:-42px -45px}.lang-flag-ru:after{background-position:-63px -45px}.lang-flag-ar:after{background-position:-84px -45px}.lang-flag-sk:after{background-position:-105px -45px}.lang-flag-sl:after{background-position:-126px -45px}.lang-flag-es:after{background-position:-147px -45px}.lang-flag-sv:after{background-position:-168px -45px}.lang-flag-tr:after{background-position:-189px -45px}.lang-flag-uk:after{background-position:0 -60px}.lang-flag-en:after{background-position:-21px -60px}.lang-flag-pt:after{background-position:-84px -60px}.lang-flag-sr:after{background-position:-126px -60px}.lang-flag-bn:after{background-position:-147px -60px}.lang-flag-th:after{background-position:-189px -60px}.tags-title{font-weight:700;font-size:14px}.header{padding-bottom:30px}.no-flexbox .header{display:table;vertical-align:top;width:100%}.search-inner,.search-right .search-submit{vertical-align:middle}.no-flexbox .header .header-left,.no-flexbox .header .header-right{display:table-cell}.header .header-left{width:490px}.header .header-left .header-title{display:none}.header .header-left .header-title,.header .header-left .header-title a{font-size:28px;font-weight:700;color:#727272}.header .header-left .header-title a:hover,.header .header-left .header-title:hover{opacity:.8}.header .header-right{width:470px;text-align:right}.flexbox .header{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:900px){.menu-lang{margin-top:5px}.flexbox .header,.no-flexbox .header{width:100%}.header .header-left,.header .header-right{width:480px}}@media screen and (max-width:752px){.header .header-left{width:425px}.header .header-left .header-title{display:block}.header .header-right{width:535px}}@media screen and (max-width:506px){.flexbox .header,.no-flexbox .header{display:block;padding-bottom:0}.flexbox .header .header-left,.no-flexbox .header .header-left{width:100%}.header .header-left .header-title{margin-right:40px}.header .header-right{width:auto;text-align:left}}.content{display:block;margin-top:30px}.front-page .content{margin-top:40px}@media screen and (max-width:752px){.content,.front-page .content{margin-top:20px}.content-title.content-formatted{display:none}}.content-header .edy-partial-view{margin-top:-3px}.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:100px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:50px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:30px}@media screen and (max-width:480px){.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:50px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:30px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:20px}}.content-title.content-formatted{line-height:1.2;font-weight:700;font-size:100px}.content-slogan{margin-top:5px;padding-bottom:35px}.content-slogan.content-formatted{font-weight:400;font-size:50px}.front-page .content-body{margin-top:45px}@media screen and (max-width:752px){.front-page .content-body{margin-top:35px}}.front-page .content-body p{margin-top:10px;font-size:25px;line-height:1.5}@media screen and (max-width:752px){.front-page .content-body p{font-size:18px}.search{margin-right:40px}}.common-page .content-body{margin-top:35px}.post{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.post .post-title{margin-top:0;margin-bottom:0;line-height:1.1}.post .post-title,.post .post-title a{font-size:50px;color:#1b2124}.dark-background .post .post-title,.dark-background .post .post-title a{color:#fff}.post .post-title a:hover{color:#1b2124;opacity:.8}.dark-background .post .post-title a:hover{color:#fff}@media screen and (max-width:480px){.post .post-title,.post .post-title a{font-size:30px}}.post .post-date{font-size:14px;color:#1b2124}.dark-background .post .post-date{color:#fff}.post .post-author{font-size:12px}.dark-background .post .post-author{color:#fff;opacity:.8}.post .post-content,.post .post-content .post-body{margin-top:20px}.post .post-comments-count a{font-size:14px;color:#06b}.dark-background .post .post-comments-count a{color:#fff}.post .post-comments-count a:hover{color:#06b;opacity:.8}.dark-background .post .post-comments-count a:hover,.editmode .dark-background .content-formatted .form_submit input[disabled=disabled]{color:#fff}.blog-page .post{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.3)}.search-inner{display:inline-block}.search-mobile{display:none}.search-left .search-input{width:128px;padding:7px 10px;font-family:inherit;font-size:14px;border:1px solid #787878;border-radius:3px}.content-formatted form{max-width:100%;margin-top:25px;clear:both}.content-formatted .edy-fe-label,.content-formatted .form_field{font-size:14px}.content-formatted .form_field{margin-top:20px}.content-formatted .form_field_required .form_field_label:after{content:'*'}.content-formatted label{display:block}.content-formatted .edy-fe-label,.content-formatted .form_field_label{font-weight:700;font-family:inherit;line-height:1.3}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield,.content-formatted .form_submit input{font-family:inherit;font-size:14px}.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:280px;margin:0;padding:7px;border:1px solid #787878;border-radius:3px;box-sizing:border-box}@media screen and (max-width:420px){.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:100%}}.content-formatted .form_field_textarea{min-height:98px}.content-formatted .form_field_size_medium{width:420px}@media screen and (max-width:420px){.content-formatted .form_field_size_medium{width:100%}}.content-formatted .form_field_size_large{width:580px}.content-formatted .form_submit{margin-top:10px}.content-formatted .form_error,.content-formatted .form_field_error{color:#c00}.content-formatted .form_field_with_errors .form_field_textarea,.content-formatted .form_field_with_errors .form_field_textfield{border:1px solid #c00}.content-formatted .form_notice{color:#60a740}.comments{margin-top:50px}.comments .comment,.comments .comment-form,.comments .comment-title{margin-top:25px}.footer{margin-top:50px}@media screen and (max-width:752px){.footer{margin-top:35px}}.footer .content-formatted{font-size:14px;line-height:1.5}.footer .content-formatted .edy-texteditor-view{min-height:18px}.footer .voog-reference{margin-top:30px}.footer .voog-reference a{display:inline-block;padding:7px 9px;font-size:10px;color:#727272;opacity:.75;line-height:1;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.footer .voog-reference a:hover{border:1px solid #000;border:1px solid rgba(0,0,0,.75)}
\ No newline at end of file