flexbox-rails 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cc021d1147307098e4add3dee40d6bd7794479ac
-  data.tar.gz: 18aa4c04fd2ab3b8c1512efcad41b34a92fdc23b
+  metadata.gz: e9115996ef975ca78a2e58e5722b16ca55d4bc1f
+  data.tar.gz: 6dc880ecfe68383fbfef3e7487eb0e9ecaa8601c
 SHA512:
-  metadata.gz: cc4a92b030b4fce79103a56bb7d658365cd6546509648ba3e123c206df5bff1022cfddcea6360ecbe5058181f90f26e212cb3b2971512b22dd7f244f244b03cf
-  data.tar.gz: 23acd4de3752f255c0a6d92ddfe9a694e45148498e7280c44cb762f8aad55a228a41eeaa720daf00c07b6ade38d54dc02e1b4396f6ea1d85d8aae73c8a846c80
+  metadata.gz: b38f7b6fccbcb0f41a60e0fa70a102d3963df194eee6c87ef1f34b9e95c92859146976bdd445d5752e703819a1b224fdba36a56b0335f0fc5642b52745a4f666
+  data.tar.gz: b4f28e241f0d2e1db76b8cba8c0d993724d967228f0aa7fbb3f29873073d58ec50952e3a1d7cf2e9731d441c6c80b3f56294ab718d743ba9d170ab1509fb5769

data/config/initializers/app_initializer.rb

@@ -0,0 +1,3 @@
+Rails.application.configure do
+  config.assets.paths += [Flexbox::Engine.root.join('vendor', 'assets', 'stylesheets').to_s]
+end

data/lib/flexbox-rails.rb

@@ -1,4 +1,4 @@
-require "flexbox-rails/version"
+require "flexbox-rails/engine"
 
 module Flexbox
 end

data/lib/flexbox-rails/version.rb

@@ -1,3 +1,3 @@
 module Flexbox
-  VERSION = "1.0.2"
+  VERSION = "1.0.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flexbox-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - woodcrust
@@ -74,12 +74,10 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- config/initializers/app_initializer.rb
 - lib/flexbox-rails.rb
 - lib/flexbox-rails/engine.rb
 - lib/flexbox-rails/version.rb
-- spec/flexbox/rails_spec.rb
-- spec/spec_helper.rb
-- vendor/assets/stylesheets/flexbox.css
 homepage: https://github.com/woodcrust/flexbox-rails
 licenses:
 - MIT
@@ -104,6 +102,4 @@ rubygems_version: 2.6.12
 signing_key: 
 specification_version: 4
 summary: This is flexbox assets
-test_files:
-- spec/flexbox/rails_spec.rb
-- spec/spec_helper.rb
+test_files: []

data/spec/flexbox/rails_spec.rb

@@ -1,11 +0,0 @@
-require 'spec_helper'
-
-describe Flexbox::Rails do
-  it 'has a version number' do
-    expect(Flexbox::Rails::VERSION).not_to be nil
-  end
-
-  it 'does something useful' do
-    expect(false).to eq(true)
-  end
-end

data/spec/spec_helper.rb

@@ -1,2 +0,0 @@
-$LOAD_PATH.unshift File.expand_path('../../lib', __FILE__)
-require 'flexbox/rails'

data/vendor/assets/stylesheets/flexbox.css

@@ -1,3073 +0,0 @@
-/*     F L E X     */
-
-.row-start-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.row-start-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-}
-.row-start-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-end;
-}
-.row-start-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: stretch;
-}
-.row-start-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: baseline;
-}
-
-
-.row-center-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-start;
-}
-.row-center-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-}
-.row-center-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-}
-.row-center-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: stretch;
-}
-.row-center-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: baseline;
-}
-
-
-.row-end-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: flex-start;
-}
-.row-end-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-}
-.row-end-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: flex-end;
-}
-.row-end-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: stretch;
-}
-.row-end-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: baseline;
-}
-
-
-.row-around-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: flex-start;
-}
-.row-around-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: center;
-}
-.row-around-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: flex-end;
-}
-.row-around-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: stretch;
-}
-.row-around-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: baseline;
-}
-
-
-.row-between-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-start;
-}
-.row-between-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-.row-between-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  align-items: flex-end;
-}
-.row-between-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: stretch;
-}
-.row-between-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: baseline;
-}
-
-
-.column-start-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.column-start-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-}
-.column-start-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-end;
-}
-.column-start-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: stretch;
-}
-.column-start-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: baseline;
-}
-
-
-.column-center-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-}
-.column-center-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.column-center-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-end;
-}
-.column-center-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: stretch;
-}
-.column-center-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: baseline;
-}
-
-
-.column-end-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-start;
-}
-.column-end-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
-}
-.column-end-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-end;
-}
-.column-end-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: stretch;
-}
-.column-end-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: baseline;
-}
-
-
-.column-around-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: flex-start;
-}
-.column-around-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: center;
-}
-.column-around-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: flex-end;
-}
-.column-around-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: stretch;
-}
-.column-around-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: baseline;
-}
-
-
-.column-between-start
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-start;
-}
-.column-between-center
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-}
-.column-between-end
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: flex-end;
-}
-.column-between-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: stretch;
-}
-.column-between-baseline
-{
-  display: -webkit-flex;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-items: baseline;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: baseline;
-}
-
-
-.wrap-row-start-start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: flex-start;
-}
-.wrap-row-start-center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: center;
-}
-.wrap-row-start-end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: flex-end;
-}
-.wrap-row-start-between
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-between;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: space-between;
-}
-.wrap-row-start-around
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-around;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: space-around;
-}
-.wrap-row-start-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-content: stretch;
-}
-
-
-.wrap-row-center-start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: flex-start;
-}
-.wrap-row-center-center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: center;
-}
-.wrap-row-center-end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: flex-end;
-}
-.wrap-row-center-between
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-between;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: space-between;
-}
-.wrap-row-center-around
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-around;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: space-around;
-}
-.wrap-row-center-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: center;
-  -webkit-align-content: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: center;
-  align-content: stretch;
-}
-
-
-.wrap-row-end-start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: flex-start;
-}
-.wrap-row-end-center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: center;
-}
-.wrap-row-end-end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: flex-end;
-}
-.wrap-row-end-between
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-between;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: space-between;
-}
-.wrap-row-end-around
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-around;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: space-around;
-}
-.wrap-row-end-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-content: stretch;
-}
-
-
-.wrap-row-between-start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: flex-start;
-}
-.wrap-row-between-center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: center;
-}
-.wrap-row-between-end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: flex-end;
-}
-.wrap-row-between-between
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-between;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: space-between;
-}
-.wrap-row-between-around
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-around;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: space-around;
-}
-.wrap-row-between-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: stretch;
-}
-
-
-.wrap-row-around-start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: flex-start;
-}
-.wrap-row-around-center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: center;
-}
-.wrap-row-around-end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: flex-end;
-}
-.wrap-row-around-between
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-between;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: space-between;
-}
-.wrap-row-around-around
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-around;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: space-around;
-}
-.wrap-row-around-stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: row;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-around;
-  align-content: stretch;
-}
-
-/* wrap with default column start */
-
-.wrap-column-start-start-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-.wrap-column-start-center-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: center;
-  align-items: flex-start;
-}
-.wrap-column-start-end-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-end;
-  align-items: flex-start;
-}
-.wrap-column-start-between-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-between;
-  align-items: flex-start;
-}
-.wrap-column-start-around-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-around;
-  align-items: flex-start;
-}
-.wrap-column-start-stretch-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: flex-start;
-}
-
-
-.wrap-column-center-start-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-.wrap-column-center-center-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: center;
-  align-items: flex-start;
-}
-.wrap-column-center-end-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-end;
-  align-items: flex-start;
-}
-.wrap-column-center-between-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-between;
-  align-items: flex-start;
-}
-.wrap-column-center-around-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-around;
-  align-items: flex-start;
-}
-.wrap-column-center-stretch-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: stretch;
-  align-items: flex-start;
-}
-
-
-.wrap-column-end-start-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-.wrap-column-end-center-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: center;
-  align-items: flex-start;
-}
-.wrap-column-end-end-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-end;
-  align-items: flex-start;
-}
-.wrap-column-end-between-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-between;
-  align-items: flex-start;
-}
-.wrap-column-end-around-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-around;
-  align-items: flex-start;
-}
-.wrap-column-end-stretch-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: stretch;
-  align-items: flex-start;
-}
-
-
-.wrap-column-between-start-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-.wrap-column-between-center-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: center;
-  align-items: flex-start;
-}
-.wrap-column-between-end-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-end;
-  align-items: flex-start;
-}
-.wrap-column-between-between-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-between;
-  align-items: flex-start;
-}
-.wrap-column-between-around-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-around;
-  align-items: flex-start;
-}
-.wrap-column-between-stretch-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: stretch;
-  align-items: flex-start;
-}
-
-
-.wrap-column-around-start-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-start;
-  align-items: flex-start;
-}
-.wrap-column-around-center-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: center;
-  align-items: flex-start;
-}
-.wrap-column-around-end-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-end;
-  align-items: flex-start;
-}
-.wrap-column-around-between-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-between;
-  align-items: flex-start;
-}
-.wrap-column-around-around-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-around;
-  align-items: flex-start;
-}
-.wrap-column-around-stretch-def_start
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-start;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: stretch;
-  align-items: flex-start;
-  align-items: flex-start;
-}
-
-/* wrap with default column center*/
-
-.wrap-column-start-start-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-start;
-  align-items: center;
-}
-.wrap-column-start-center-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: center;
-  align-items: center;
-}
-.wrap-column-start-end-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-end;
-  align-items: center;
-}
-.wrap-column-start-between-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-between;
-  align-items: center;
-}
-.wrap-column-start-around-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-around;
-  align-items: center;
-}
-.wrap-column-start-stretch-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: center;
-}
-
-
-.wrap-column-center-start-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-start;
-  align-items: center;
-}
-.wrap-column-center-center-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: center;
-  align-items: center;
-}
-.wrap-column-center-end-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-end;
-  align-items: center;
-}
-.wrap-column-center-between-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-between;
-  align-items: center;
-}
-.wrap-column-center-around-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-around;
-  align-items: center;
-}
-.wrap-column-center-stretch-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: stretch;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: stretch;
-  align-items: center;
-}
-
-
-.wrap-column-end-start-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-start;
-  align-items: center;
-}
-.wrap-column-end-center-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: center;
-  align-items: center;
-}
-.wrap-column-end-end-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-end;
-  align-items: center;
-}
-.wrap-column-end-between-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-between;
-  align-items: center;
-}
-.wrap-column-end-around-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-around;
-  align-items: center;
-}
-.wrap-column-end-stretch-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: stretch;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: stretch;
-  align-items: center;
-}
-
-
-.wrap-column-between-start-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-start;
-  align-items: center;
-}
-.wrap-column-between-center-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: center;
-  align-items: center;
-}
-.wrap-column-between-end-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-end;
-  align-items: center;
-}
-.wrap-column-between-between-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-between;
-  align-items: center;
-}
-.wrap-column-between-around-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-around;
-  align-items: center;
-}
-.wrap-column-between-stretch-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: stretch;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: stretch;
-  align-items: center;
-}
-
-
-.wrap-column-around-start-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-start;
-  align-items: center;
-}
-.wrap-column-around-center-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: center;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: center;
-  align-items: center;
-}
-.wrap-column-around-end-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-end;
-  align-items: center;
-}
-.wrap-column-around-between-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-between;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-between;
-  align-items: center;
-}
-.wrap-column-around-around-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-around;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-around;
-  align-items: center;
-}
-.wrap-column-around-stretch-def_center
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: stretch;
-  -webkit-align-items: center;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: stretch;
-}
-
-/* wrap with default column end */
-
-
-.wrap-column-start-start-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-start;
-  align-items: flex-end;
-}
-.wrap-column-start-center-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: center;
-  align-items: flex-end;
-}
-.wrap-column-start-end-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-end;
-  align-items: flex-end;
-}
-.wrap-column-start-between-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-between;
-  align-items: flex-end;
-}
-.wrap-column-start-around-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-around;
-  align-items: flex-end;
-}
-.wrap-column-start-stretch-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: flex-end;
-}
-
-
-.wrap-column-center-start-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-start;
-  align-items: flex-end;
-}
-.wrap-column-center-center-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: center;
-  align-items: flex-end;
-}
-.wrap-column-center-end-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-end;
-  align-items: flex-end;
-}
-.wrap-column-center-between-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-between;
-  align-items: flex-end;
-}
-.wrap-column-center-around-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-around;
-  align-items: flex-end;
-}
-.wrap-column-center-stretch-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: stretch;
-  align-items: flex-end;
-}
-
-
-.wrap-column-end-start-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-start;
-  align-items: flex-end;
-}
-.wrap-column-end-center-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: center;
-  align-items: flex-end;
-}
-.wrap-column-end-end-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-end;
-  align-items: flex-end;
-}
-.wrap-column-end-between-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-between;
-  align-items: flex-end;
-}
-.wrap-column-end-around-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-around;
-  align-items: flex-end;
-}
-.wrap-column-end-stretch-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: stretch;
-  align-items: flex-end;
-}
-
-
-.wrap-column-between-start-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-start;
-  align-items: flex-end;
-}
-.wrap-column-between-center-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: center;
-  align-items: flex-end;
-}
-.wrap-column-between-end-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-end;
-  align-items: flex-end;
-}
-.wrap-column-between-between-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-between;
-  align-items: flex-end;
-}
-.wrap-column-between-around-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-around;
-  align-items: flex-end;
-}
-.wrap-column-between-stretch-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: stretch;
-  align-items: flex-end;
-}
-
-
-.wrap-column-around-start-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-start;
-  align-items: flex-end;
-}
-.wrap-column-around-center-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: center;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: center;
-  align-items: flex-end;
-}
-.wrap-column-around-end-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-end;
-  align-items: flex-end;
-}
-.wrap-column-around-between-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-between;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-between;
-  align-items: flex-end;
-}
-.wrap-column-around-around-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-around;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-around;
-  align-items: flex-end;
-}
-.wrap-column-around-stretch-def_end
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: stretch;
-  -webkit-align-items: flex-end;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: stretch;
-}
-
-
-/* wrap with default column stretch */
-
-
-.wrap-column-start-start-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-start;
-  align-items: stretch;
-}
-.wrap-column-start-center-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: center;
-  align-items: stretch;
-}
-.wrap-column-start-end-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: flex-end;
-  align-items: stretch;
-}
-.wrap-column-start-between-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-between;
-  align-items: stretch;
-}
-.wrap-column-start-around-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: space-around;
-  align-items: stretch;
-}
-.wrap-column-start-stretch-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: stretch;
-  align-items: stretch;
-}
-
-
-.wrap-column-center-start-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-start;
-  align-items: stretch;
-}
-.wrap-column-center-center-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: center;
-  align-items: stretch;
-}
-.wrap-column-center-end-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: flex-end;
-  align-items: stretch;
-}
-.wrap-column-center-between-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-between;
-  align-items: stretch;
-}
-.wrap-column-center-around-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: space-around;
-  align-items: stretch;
-}
-.wrap-column-center-stretch-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: center;
-  -webkit-align-content: stretch;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-content: stretch;
-  align-items: stretch;
-}
-
-
-.wrap-column-end-start-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-start;
-  align-items: stretch;
-}
-.wrap-column-end-center-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: center;
-  align-items: stretch;
-}
-.wrap-column-end-end-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: flex-end;
-  align-items: stretch;
-}
-.wrap-column-end-between-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-between;
-  align-items: stretch;
-}
-.wrap-column-end-around-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: space-around;
-  align-items: stretch;
-}
-.wrap-column-end-stretch-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: flex-end;
-  -webkit-align-content: stretch;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-content: stretch;
-  align-items: stretch;
-}
-
-
-.wrap-column-between-start-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-start;
-  align-items: stretch;
-}
-.wrap-column-between-center-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: center;
-  align-items: stretch;
-}
-.wrap-column-between-end-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: flex-end;
-  align-items: stretch;
-}
-.wrap-column-between-between-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-between;
-  align-items: stretch;
-}
-.wrap-column-between-around-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: space-around;
-  align-items: stretch;
-}
-.wrap-column-between-stretch-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-between;
-  -webkit-align-content: stretch;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-  align-content: stretch;
-  align-items: stretch;
-}
-
-
-.wrap-column-around-start-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-start;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-start;
-  align-items: stretch;
-}
-.wrap-column-around-center-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: center;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: center;
-  align-items: stretch;
-}
-.wrap-column-around-end-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: flex-end;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: flex-end;
-  align-items: stretch;
-}
-.wrap-column-around-between-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-between;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-between;
-  align-items: stretch;
-}
-.wrap-column-around-around-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: space-around;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: space-around;
-  align-items: stretch;
-}
-.wrap-column-around-stretch-def_stretch
-{
-  display: -webkit-flex;
-  -webkit-flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -webkit-justify-content: space-around;
-  -webkit-align-content: stretch;
-  -webkit-align-items: stretch;
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: space-around;
-  align-content: stretch;
-}
-
-/* O H T E R   F O R   F L E X */
-.f10a {
-  -webkit-flex: 1 0 auto;
-  flex: 1 0 auto;
-}
-.f10100 {
-  -webkit-flex: 1 0 100%;
-  flex: 1 0 100%;
-}
-.f00a {
-  -webkit-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-/*     E N D   F L E X     */
-
-.w100 {
-  width: 100%;
-}
-.h100 {
-  height: 100%;
-}
-.ha {
-  height: auto;
-}
-.h100vh {
-  height: 100vh;
-}
-.h100vw {
-  height: 100vw;
-}
-.w100vw {
-  width: 100vw;
-}
-.w100vh {
-  width: 100vh;
-}
-.w100vmin {
-  width: 100vmin;
-}
-.w100vmax {
-  width: 100vmax;
-}
-.h100vmax {
-  height: 100vmax;
-}
-.h100vmin {
-  height: 100vmin;
-}
-.prel {
-  position: relative;
-}
-.pabs {
-  position: absolute;
-}
-.pfix {
-  position: fixed; 
-}