/* Text Elements */

h1.heading-hero {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  color: #fff;
  font-weight: 400;
  font-size: 39px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-tagline {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-footer-copyright {
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-body-1 {
  color: #00b3e4;
  text-decoration: none;
  font-weight: 400;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;

  -webkit-text-stroke-color: #00b3e4;
}

h1.heading-group-1 {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  color: #00b3e4;
  text-align: left;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

h1.heading-bar-1 {
  color: #404040;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-bar-4 {
  color: #00b3e4;
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-prod-1 {
  margin-top: 15px;
  margin-bottom: 5px;
  width: 100%;
  color: #00b3e4;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;

  grid-area: prod-1-l;
}

h1.heading-prod-2 {
  margin-top: 15px;
  margin-left: 0;
  color: #00b3e4;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;

  grid-area: acc-5;
}

h1.heading-prod-3 {
  margin-top: 15px;
  margin-left: 0;
  color: #00b3e4;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;

  grid-area: update-R;
}

h1.heading-spec-1 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5%;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-spec-2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #00b3e4;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h1.heading-spec-3 {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

h1 a.heading-text-1 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-2 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-3 {
  color: #00b3e4;
  text-decoration: none;
}

h1.heading-1 {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

h1 a.heading-text-4 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-5 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-6 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-7 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-8 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-10 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-11 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-12 {
  color: #00b3e4;
  text-decoration: none;
}

h1 a.heading-text-9 {
  color: #00b3e4;
  text-decoration: none;
}

h1.heading-prod-T1 {
  margin-right: 0;
  padding-right: 0;
  padding-left: 5%;
  width: 80%;
  color: #00b3e4;
  text-align: left;
  font-weight: 500;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;

  grid-area: auto;
}

h1.heading-update-h {
  font-weight: 500;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
}

h1 span.heading-text-13 {
  font-weight: 700;
}

h1 span.heading-text-14 {
  font-weight: 700;
}

p.paragraph.heading-body-2 {
  margin: 0 5px;
  padding-right: 0;
  padding-bottom: 0;
  font-weight: 300;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.heading-group-2 {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  width: 95%;
  text-align: left;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

p.paragraph.heading-group-3 {
  display: block;
  text-align: center;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-2 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-3 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-4 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-5 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-6 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-7 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-8 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-9 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-10 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-11 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-12 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-13 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-14 {
  font-weight: 500;
}

p.paragraph span.paragraph-text-15 {
  font-weight: 400;
}

p.paragraph.heading-group-4 {
  display: inline-block;
  text-align: center;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;

  grid-area: acc-12;
}

p.paragraph span.paragraph-text-16 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-17 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-18 {
  font-weight: 400;
}

p.paragraph.heading-update-text {
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

p.paragraph span.paragraph-text-19 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-20 {
  font-weight: 700;
}

ul.unorder-list.unordered-list-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

a.link-text.heading-hero-nav {
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

a.link-text.heading-navbar {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
}

a.link-text.heading-footer {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

a.link-text.heading-bar-3 {
  color: #00b3e4;
  text-decoration: none;
  font-weight: 400;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

a.link-text.heading-bar-4 {
  color: #00b3e4;
  text-align: center;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
}

a.link-text.text-link-1 {
  margin-top: 16px;
  margin-bottom: 26px;
  color: #00b3e4;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

a.link-text.heading-prod-1 {
  color: #00b3e4;
}

a.link-text.heading-prod-1.heading-prod-2 {
  text-decoration: none;
}

/* Interaction Elements */

a.link-button.button-link-1 {
  margin: 2px;
  padding: 4px;
  border: .0625rem solid #404040;
  border-radius: 6px;
  background-color: #c0c0c0;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

/* Layout Elements */

body.body-1 {
  display: block;
}

body.body-2 {
  display: block;

  grid-template-columns: auto;
  grid-template-rows: auto;
}

.container.container-cdd-grid-father {
  display: grid;
  min-height: 100vh;

  grid-template-columns: repeat(4 , auto);
  grid-template-rows: repeat(8 , auto);
  grid-template-areas: 'header header header header' 'hero-photo hero-photo hero-photo hero-photo' 'navbar navbar navbar navbar' 'article-3 article-3 article-3 article-3' 'ruler-1 ruler-1 ruler-1 ruler-1' 'article-4 article-4 article-4 article-4' 'ruler-4 ruler-4 ruler-4 ruler-4' 'footer footer footer footer';
}

.container.container-header {
  display: block;
  min-height: 10vh;
  background-color: #404040;

  grid-area: header;
  grid-template-columns: auto;
  grid-template-rows: minmax(2vh, 1px) 12vh;
  grid-template-areas: 'header-top' 'header-bottom';
}

.container.container-hero-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: hero-photo;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-navbar {
  display: grid;
  background-color: #606060;

  grid-area: navbar;
  grid-template-columns: repeat(6 , auto);
  grid-template-rows: auto;
  grid-template-areas: 'navbar-pad-L navbar-1 navbar-2 navbar-3 navbar-4 navbar-pad-R';
}

.container.container-article-1 {
  display: grid;
  min-height: 20vh;

  grid-area: article-1;
  grid-template-columns: minmax(50%, 1px) 50%;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'group-1 group-2' 'group-1 group-2';
}

.container.container-article-2 {
  display: block;
  min-height: 20vh;

  grid-area: article-2;
  grid-template-columns: auto;
  grid-template-rows: repeat(10 , auto);
}

.container.container-footer {
  display: grid;
  width: 100%;
  background-color: #000;

  grid-area: footer;
  grid-template-columns: repeat(6 , auto);
  grid-template-rows: auto;
  grid-template-areas: 'footer-pad-L footer-1 footer-2 footer-3 footer-4 footer-pad-R';
}

.container.container-header-top {
  display: grid;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-top: -2px;
  padding-top: 5px;
  min-width: 10px;

  grid-area: header-top;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
          align-content: flex-start;
}

.container.container-header-bottom {
  display: grid;
  -ms-flex-pack: center;
  -ms-flex-align: start;

  grid-area: header-bottom;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-template-columns: repeat(3 , auto);
  grid-template-rows: auto;
  grid-template-areas: 'bottom-left bottom-center bottom-right';
  justify-self: center;
}

.container.container-header-bottom-center {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  min-width: 340px;
  min-height: 5vh;

  grid-area: hero-bottom-center;
}

.container.container-bottom-right {
  display: block;
  min-width: 2vw;

  grid-area: bottom-right;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'hero-nav-top hero-nav-top' 'hero-nav-bottom hero-nav-bottom';
  justify-self: auto;
}

.container.container-bottom-left {
  display: block;
  -ms-flex-align: center;
  min-width: 2vw;

  grid-area: bottom-left;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-bottom-center {
  display: block;
  min-width: 60vw;
  min-height: 1px;

  grid-area: bottom-center;
}

.container.container-hero-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: hero-heading;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-hero-tagline {
  display: grid;
  -ms-flex-align: center;

  grid-area: hero-tagline;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-hero-nav-top {
  display: grid;
  -ms-flex-align: center;

  grid-area: hero-nav-top;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-hero-nav-bottom {
  display: block;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  min-height: 20px;

  grid-area: hero-nav-bottom;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-navbar-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: navbar-1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-navbar-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: navbar-2;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-navbar-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: navbar-3;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-navbar-pad-R {
  grid-area: navbar-pad-R;
}

.container.container-navbar-pad-L {
  grid-area: navbar-pad-L;
}

.container.container-navbar-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-footer-pad-L {
  display: block;

  grid-area: footer-pad-L;
}

.container.container-footer-pad-R {
  grid-area: footer-pad-R;
}

.container.container-footer-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;

  grid-area: footer-1;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.container.container-footer-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: footer-2;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-footer-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: footer-3;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-footer-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: footer-4;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-article-1-1 {
  display: block;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  width: 25%;

  grid-area: elementArea;
  grid-template-columns: auto;
  grid-template-rows: 40% repeat(2 , auto);
  grid-template-areas: 'photo-1' 'desc-1' '.';
}

.container.container-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-area: elementArea;
}

.container.container-group-1 {
  display: grid;
  padding-left: 10%;
  width: 90%;

  grid-template-columns: auto;
  grid-template-rows: repeat(9 , auto);
  grid-area: group-1;
}

.container.container-group-2 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: group-2;
}

.container.container-ruler-1 {
  display: block;

  grid-area: ruler-1;
}

.container.container-bar-ruler-1 {
  display: grid;

  grid-area: bar-ruler-1;
  grid-template-columns: auto;
  grid-template-rows: repeat(8 , auto);
}

.container.container-bar-2-6 {
  display: block;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: bar-2-6;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-2-5 {
  grid-area: bar-2-5;
}

.container.container-bar-2-4 {
  display: block;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: bar-2-4;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-2-3 {
  grid-area: bar-2-3;
}

.container.container-bar-2-2 {
  display: block;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;

  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'bar-text-1' 'bar-button-1';
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-area: bar-2-2;
}

.container.container-bar-2-1 {
  display: block;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  width: 100%;

  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'bar-2-1-1' 'bar-2-1-2';
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  grid-area: bar-2-1;
}

.container.container-bar-2 {
  display: grid;

  grid-area: bar-3-6-top;
  grid-template-columns: 15% 75% 10%;
  grid-template-rows: auto;
  grid-template-areas: 'bar-2-1 bar-2-2 bar-2-6';
}

.container.container-2 {
  display: block;
  padding-top: 0;
  padding-right: 5%;
  padding-left: 5%;
  width: 90%;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
  grid-area: bar-2-1;
  grid-template-areas: 'bar-ruler-1 bar-ruler-1' 'bar-2 bar-2';
}

.container.container-bar-2-1-1 {
  grid-area: bar-2-1-1;
}

.container.container-bar-2-1-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: start;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  border-top-left-radius: 0 2px;
  border-top-right-radius: 0 2px;
  border-bottom-right-radius: 1px 2px;
  border-bottom-left-radius: 0 2px;

  grid-area: bar-2-1-2;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-2-6-1 {
  display: block;
  -ms-flex-pack: start;
  -ms-flex-align: start;

  grid-area: bar-2-6-1;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  grid-template-areas: 'text-2-6-1' 'button-2-6-1';
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
}

.container.container-bar-2-6-text {
  display: grid;
  margin-top: 0;
  margin-bottom: 3px;

  grid-area: text-2-6-1;
}

.container.container-bar-2-6-button {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: elementArea;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-article-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  min-height: 20vh;

  grid-area: article-3;
  grid-template-columns: repeat(4 , auto);
  grid-template-rows: auto;
  grid-template-areas: 'acc-1 acc-2 acc-3 acc-4';
}

.container.container-article-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  min-height: 20vh;

  grid-area: article-4;
  grid-template-columns: repeat(4 , auto);
  grid-template-rows: auto;
}

.container.container-grid-father-1 {
  display: grid;

  grid-template-columns: repeat(4 , auto);
  grid-template-rows: repeat(6 , auto);
  grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'article-1 article-1 article-1 article-1' 'ruler-1 ruler-1 ruler-1 ruler-1' 'article-2 article-2 article-2 article-2' 'footer footer footer footer';
}

.container.container-1b {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: prod-1;
  grid-template-columns: 50% minmax(50%, 1px);
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'prod-1-1 .' 'prod-1-1 .' 'prod-1-1 prod-1-2';
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.container.container-grid-father-prod-1 {
  display: grid;
  width: 100%;

  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'prod-header' 'prod-body' 'footer';
  grid-area: clip-body-TL;
}

.container.container-prod-body {
  display: grid;
  min-height: 10px;
  width: 100%;

  grid-area: prod-body;
  grid-template-columns: auto;
  grid-template-rows: 2% repeat(5 , auto);
  grid-template-areas: 'prod-1' 'prod-1' 'prod-3' 'prod-4' 'prod-5' 'prod-2';
}

.container.container-prod-header {
  display: grid;

  grid-area: prod-header;
  grid-template-columns: auto;
  grid-template-rows: 1.00vh repeat(2 , auto);
  grid-template-areas: 'ruler-1' 'header' 'navbar';
}

.container.container-prod-2 {
  display: block;

  grid-area: prod-2;
}

.container.container-prod-1-2 {
  display: block;

  grid-area: prod-1-2;
  justify-self: auto;
}

.container.container-prod-1-1 {
  display: grid;

  grid-area: prod-1-1;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(9 , auto);
  grid-template-areas: 'prod-1-a prod-1-a' 'prod-1-b prod-1-c' 'prod-1-e prod-1-f' 'prod-1-g prod-1-h' 'prod-1-i prod-1-j' 'prod-1-k prod-1-l' '. .' '. .' 'prod-1-d prod-1-d';
}

.container.container-prod-1-d {
  display: grid;
  margin-top: 0;
  padding-bottom: 0;

  grid-area: prod-1-d;
  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
}

.container.container-prod-1-b {
  display: grid;
  -ms-flex-align: center;

  grid-area: prod-1-b;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: auto;
}

.container.container-prod-1-c {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;

  grid-area: prod-1-c;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-a {
  display: block;

  grid-area: prod-1-a;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
}

.container.container-prod-3-2 {
  display: grid;

  grid-area: prod-3-2;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
}

.container.container-prod-3-1 {
  display: grid;
  -ms-flex-pack: start;
  margin-bottom: 0;
  margin-left: 5%;
  width: 90%;

  grid-area: prod-3-1;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.container.container-prod-3-3 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: prod-3-3;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
}

.container.container-prod-4 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: prod-4;
  grid-template-areas: none;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
}

.container.container-prod-5 {
  display: block;

  grid-area: prod-5;
}

.container.container-prod-3 {
  display: grid;
  margin-top: 0;
  margin-left: 5%;
  padding-top: 0;
  width: 90%;
  height: auto;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
  grid-area: prod-3;
  grid-template-areas: 'prod-3-1 prod-3-1' 'prod-3-2 prod-3-3';
}

.container.container-prod-4-1 {
  display: block;

  grid-area: prod-4-1;
}

.container.container-prod-4-2 {
  display: grid;

  grid-area: prod-4-2;
}

.container.container-prod-4-3 {
  display: grid;

  grid-area: prod-4-3;
}

.container.container-prod-body-4 {
  display: grid;

  grid-template-areas: 'prod-4-1 prod-4-1' 'prod-4-1 prod-4-1' 'prod-4-2 prod-4-3';
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(3 , auto);
}

.container.container-prod-5-1 {
  display: block;
  margin-left: 5%;
  width: 90%;

  grid-area: prod-5-1;
}

.container.container-spec-L {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;

  grid-area: spec-L;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-spec-R {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: start;

  grid-area: spec-R;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  grid-template-columns: repeat(3 , 33%);
  grid-template-rows: auto;
  grid-template-areas: 'spec-R-1 spec-R-2 spec-R-3';
}

.container.container-prod-spec {
  display: grid;

  grid-area: prod-spec;
  grid-template-columns: 20% auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'spec-top spec-top' 'spec-L spec-R';
}

.container.container-spec-top {
  grid-area: spec-top;
}

.container.container-spec-R-1 {
  display: grid;
  -ms-flex-align: center;

  grid-area: spec-R-1;
  grid-template-columns: repeat(3 , auto);
  grid-template-rows: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-soec-R-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: spec-R-2;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-spec-R-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: spec-R-3;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-spec-R3 {
  display: grid;
  -ms-flex-pack: center;
  -ms-flex-align: start;

  grid-area: spec-R;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  grid-template-columns: repeat(3 , 33%);
  grid-template-rows: auto;
  grid-template-areas: 'spec-R-1 spec-R-2 spec-R-3';
}

.container.container-prod-1-f {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: prod-1-f;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-e {
  display: grid;
  -ms-flex-align: center;

  grid-area: prod-1-e;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: auto;
}

.container.container-prod-1-h {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: prod-1-h;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-g {
  display: grid;
  -ms-flex-pack: start;
  -ms-flex-align: center;

  grid-area: prod-1-g;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.container.container-prod-1-i {
  display: grid;
  -ms-flex-align: center;

  grid-area: prod-1-i;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-k {
  display: grid;
  -ms-flex-align: center;

  grid-area: prod-1-k;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-j {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: prod-1-j;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-prod-1-l {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-align: center;

  grid-area: prod-1-l;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-3 {
  display: grid;
  padding-top: 0;
  padding-right: 5%;
  padding-left: 5%;
  width: 90%;

  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-area: cont-3;
  grid-template-areas: 'bar-3-top' 'bar-3-bottom';
}

.container.container-3-ruler {
  grid-area: bar-3-top;
}

.container.container-3-body {
  display: grid;

  grid-area: bar-3-bottom;
  grid-template-columns: 20% repeat(4 , 15%) 20%;
  grid-template-rows: auto;
  grid-template-areas: 'bar-3-1 bar-3-2 bar-3-3 bar-3-4 bar-3-5 bar-3-6';
}

.container.container-bar-3-1 {
  display: grid;

  grid-area: bar-3-1;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'bar-3-1-top' 'bar-3-1-bottom';
}

.container.container-bar-3-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-3;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-3-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-4;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-3-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-5;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-3-6 {
  display: grid;

  grid-area: bar-3-6;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'bar-3-6-top' 'bar-3-6-bottom';
}

.container.container-3-1-top {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-1-top;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-3-1-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-1-bottom;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-3-6-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-6-bottom;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-3-6-top {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-6-top;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-bar-3-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;

  grid-area: bar-3-2;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-grid-father-about-1 {
  display: grid;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'prod-header prod-header' 'about-body about-body' 'footer footer';
}

.container.container-about-body {
  display: grid;
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-body;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(9 , auto);
  grid-template-areas: 'about-1 about-1' 'about-2 about-3' 'about-2 about-3' 'about-4 about-4' 'about-5 about-6' 'about-5 about-6' 'about-7 about-7' 'about-8 about-9' 'about-8 about-9';
}

.container.container-about-1 {
  grid-area: about-1;
}

.container.container-about-2 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-2;
}

.container.container-about-3 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-3;
}

.container.container-about-4 {
  grid-area: about-4;
}

.container.container-about-5 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-5;
}

.container.container-about-6 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-6;
}

.container.container-about-7 {
  grid-area: about-7;
}

.container.container-about-8 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-8;
}

.container.container-about-9 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;

  grid-area: about-9;
}

.container.container-grid-father-clip-1 {
  display: grid;
  width: 100%;

  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'prod-header' 'clip-body' 'footer';
  grid-area: about-9;
}

.container.container-clip-body {
  display: grid;

  grid-area: clip-body;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(6 , auto);
  grid-template-areas: 'clip-1 clip-1' 'clip-2 clip-2' 'clip-3 clip-3' 'clip-4 clip-4' 'clip-5 clip-5' 'clip-6 clip-6';
}

.container.container-clip-1 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
  grid-template-rows: repeat(3 , auto);
  grid-template-columns: auto;
  grid-area: clip-1;
}

.container.container-clip-header {
  grid-area: clip-header;
}

.container.container-clip-bottom {
  display: block;

  grid-area: clip-bottom;
  grid-template-columns: auto;
  grid-template-rows: repeat(5 , auto);
}

.container.container-clip-body-1 {
  display: grid;

  grid-area: clip-body-1;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(4 , auto);
  grid-template-areas: 'clip-body-TL clip-body-TR' 'clip-body-TL clip-body-TR' 'clip-body-ML clip-body-ML' 'clip-body-BL clip-body-BR';
}

.container.container-clip-body-R {
  grid-area: clip-body-TR;
}

.container.container-clip-foot-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;

  grid-area: clip-foot-1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.container.container-clip-foot-body {
  display: grid;

  grid-area: clip-foot-body;
  grid-template-columns: repeat(4 , auto);
  grid-template-rows: auto;
  grid-template-areas: 'clip-foot-1 clip-foot-2 clip-foot-3 clip-foot-4';
}

.container.container-clip-foot-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: clip-foot-2;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-clip-foot-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: clip-foot-3;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-clip-foot-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;

  grid-area: clip-foot-4;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-clip-body-L {
  display: block;

  grid-area: clip-body-TL;
}

.container.container-clip-2 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
  grid-template-rows: repeat(3 , auto);
  grid-template-columns: auto;
  grid-area: clip-2;
}

.container.container-clip-3 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
  grid-template-rows: repeat(3 , auto);
  grid-template-columns: auto;
  grid-area: clip-3;
}

.container.container-clip-4 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: clip-4;
  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
}

.container.container-clip-5 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-area: clip-5;
  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
}

.container.container-clip-6 {
  display: grid;
  margin-left: 5%;
  width: 90%;

  grid-template-areas: 'clip-header' 'clip-body-1' 'clip-bottom';
  grid-template-rows: repeat(3 , auto);
  grid-template-columns: auto;
  grid-area: clip-6;
}

.container.container-acc-grid-father {
  display: grid;
  min-height: 100vh;

  grid-template-columns: repeat(4 , auto);
  grid-template-rows: 14vh 6vh repeat(6 , auto) 7vh;
  grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'acc-1 acc-2 acc-3 acc-4' 'acc-5 acc-6 acc-7 acc-8' 'acc-9 acc-10 acc-11 acc-12' 'acc-13 acc-14 acc-15 acc-16' 'acc-17 acc-18 acc-19 acc-20' 'acc-21 acc-22 acc-23 acc-24' 'footer footer footer footer';
  grid-area: buy;
}

.container.container-acc-1 {
  display: grid;
  width: auto;
  height: auto;

  grid-area: acc-1;
  grid-template-columns: auto;
  grid-template-rows: 1% 70% auto 6% 1%;
  grid-template-areas: '.' 'acc-photo' 'acc-desc' 'acc-price' 'acc-ruler';
}

.container.container-acc-ruler {
  display: block;
  min-height: 0;
  width: 100%;

  grid-area: acc-ruler;
}

.container.container-acc-photo {
  display: grid;
  margin: 0 0 0 5%;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  width: 90%;
  height: auto;

  grid-area: acc-photo;
}

.container.container-acc-price {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-right: 5%;
  margin-bottom: 5%;
  margin-left: 5%;
  min-height: 0;
  width: 90%;

  grid-area: acc-price;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
}

.container.container-acc-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  -ms-flex-align: start;
  margin-left: 5%;
  padding-top: 0;
  width: 90%;

  grid-area: acc-desc;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

.container.container-acc-1.container-acc-2 {
  grid-area: acc-2;
}

.container.container-acc-1.container-acc-3 {
  grid-area: acc-3;
}

.container.container-acc-1.container-acc-4 {
  grid-area: acc-4;
}

.container.container-acc-1.container-acc-5 {
  grid-area: acc-5;
}

.container.container-acc-1.container-acc-6 {
  display: grid;

  grid-area: acc-6;
}

.container.container-acc-1.container-acc-7 {
  display: grid;

  grid-area: acc-7;
}

.container.container-acc-1.container-acc-8 {
  display: grid;

  grid-area: acc-8;
}

.container.container-acc-1.container-acc-9 {
  display: grid;

  grid-area: acc-9;
}

.container.container-acc-1.container-acc-10 {
  display: grid;

  grid-area: acc-10;
}

.container.container-acc-1.container-acc-11 {
  display: grid;

  grid-area: acc-11;
}

.container.container-acc-1.container-acc-12 {
  grid-area: acc-12;
}

.container.container_buy {
  display: grid;

  grid-template-columns: repeat(4 , auto);
  grid-template-rows: 14vh 6vh auto 7vh;
  grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'buy buy buy buy' 'footer footer footer footer';
  grid-area: elementArea;
}

.container.container-buy {
  margin-top: 0;
  margin-right: 10%;
  margin-left: 10%;
  width: 80%;

  grid-area: buy;
}

.container.container-ruler-1.container-ruler-2 {
  grid-area: ruler-4;
}

.container.container-store {
  display: grid;

  grid-template-columns: repeat(4 , auto);
  grid-template-rows: repeat(11 , auto);
  grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'store-1 store-1 store-1 store-1' 'store-2 store-2 store-2 store-2' 'store-3 store-3 store-3 store-3' 'store-4 store-4 store-4 store-4' 'store-5 store-5 store-5 store-5' 'store-6 store-6 store-6 store-6' 'store-7 store-7 store-7 store-7' 'store-8 store-8 store-8 store-8' 'footer footer footer footer';
}

.container.container-store-prod-header {
  display: block;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  width: 100%;

  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-template-columns: auto;
  grid-template-rows: repeat(2 , auto);
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  width: auto;
}

.container.container-store-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;

  grid-template-columns: repeat(5 , auto);
  grid-template-rows: repeat(4 , auto);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-area: store-1;
}

.container.container-store-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-area: store-2;
}

.container.container-store-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-3;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-store-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-4;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-store-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-5;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-store-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-6;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-store-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-7;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-store-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-area: store-8;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-tutorial-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;

  grid-template-columns: none;
  grid-template-rows: none;
  grid-area: tutorial-1;
  grid-template-areas: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-tutorial {
  display: grid;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(7 , auto);
  grid-template-areas: 'header header' 'navbar navbar' '. .' 'tutorial-3 tutorial-3' 'tutorial-1 tutorial-1' 'tutorial-2 tutorial-2' 'footer footer';
}

.container.container-T1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-template-columns: auto;
  grid-template-rows: repeat(3 , auto);
  grid-area: T1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-T2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T2;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T3 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T3;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T4 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T4;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T5 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T5;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T6 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T6;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T7 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T7;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T8 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T8;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-T9 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  width: 50%;

  grid-area: T9;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-tutorial-2 {
  display: block;

  grid-area: tutorial-2;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.container.container-T10 {
  display: grid;
  min-height: auto;

  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'T10-L T10-R' '. .';
  grid-area: T10;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.container.container-T11 {
  display: grid;
  min-height: auto;

  grid-area: T11;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'T11-L T11-R' '. .';
}

.container.container-T-P {
  grid-area: T11-R;
}

.container.container-T11-H {
  grid-area: T11-L;
}

.container.container-T10-R {
  grid-area: T10-R;
}

.container.container-T10-L {
  grid-area: T10-L;
}

.container.container-8 {
  max-height: 10px;
}

.container.container-9 {
  max-height: 10px;
}

.container.container-10 {
  max-height: 10px;
}

.container.container-11 {
  max-height: 10px;
}

.container.container-12 {
  max-height: 10px;
}

.container.container-13 {
  max-height: 10px;
}

.container.container-14 {
  max-height: 10px;
}

.container.container-15 {
  max-height: 10px;
}

.container.container-tutorial-3 {
  display: grid;
  height: 2%;

  grid-area: tutorial-3;
}

.container.container-grid-father-updates {
  display: grid;

  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(4 , auto);
  grid-template-areas: 'header header' 'navbar navbar' 'update-body update-body' 'footer footer';
}

.container.container-update-body {
  display: block;
  margin-left: 5%;
  width: 90%;

  grid-area: update-body;
}

.container.container-updare-body-1 {
  display: grid;

  grid-area: update-1;
  grid-template-columns: repeat(2 , 50%);
  grid-template-rows: repeat(4 , auto);
  grid-template-areas: 'update-h update-h' 'update-L update-R' 'update-L update-R' 'update-c update-c';
}

.container.container-update-header {
  grid-area: update-h;
}

.container.container-update-body-3 {
  display: grid;

  grid-area: update-c;
  grid-template-columns: repeat(2 , auto);
  grid-template-rows: repeat(2 , auto);
  grid-template-areas: 'update-3c update-3c' 'update-3f update-3f';
}

.container.container-update-3f {
  grid-area: update-3f;
}

.container.container-update-3c {
  display: grid;

  grid-area: update-3c;
  grid-template-columns: repeat(2 , 25%) auto;
  grid-template-rows: auto;
  grid-template-areas: 'update-3-1 update-3-2 update-3-3';
}

.container.container-update-3c-1 {
  grid-area: update-3-1;
}

.container.container-update-3c-2 {
  grid-area: update-3-2;
}

.container.container-update-3c-3 {
  grid-area: update-3-3;
}

.container.container-update-body-2R {
  display: block;

  grid-area: update-L;
}

.container.container-update-body-2L {
  margin-left: 5%;
  width: 90%;

  grid-area: update-R;
}

.rule.rule-1 hr {
  border-top-width: 2px;
  border-top-color: #00b3e4;
}

.rule.rule-1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  min-width: 100vw;
  min-height: 1vh;

  grid-area: header-ruller;
}

div.responsive-picture.picture-1 {
  grid-area: elementArea;
}

a.responsive-picture.picture-link-1 {
  padding-top: 14px;
}

a.responsive-picture.picture-link-2 {
  margin-top: 10px;
  margin-left: 10%;
  padding-right: 0;
  width: 80%;

  grid-area: prod-1-d;
}

div.responsive-picture.picture-2 {
  margin-bottom: 0;
  margin-left: 0;
  padding: 5%;
  width: 90%;
}

.rule.rule-2 hr {
  border-top-width: 4px;
  border-top-color: #404040;
}

.rule.rule-3 hr {
  border-top-width: 2px;
  border-top-color: #a0a0a0;
}

li.list-item.heading-group-2 {
  font-weight: 300;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

.rule.rule-3 {
  padding-top: 0;
  padding-bottom: 0;
}

li.list-item span.list-item-text-1 {
  color: #00b3e4;
  text-decoration: underline;
}

li.list-item a.list-item-text-2 {
  color: #00b3e4;
}

li.list-item a.list-item-text-4 {
  color: #000;
  text-decoration: none;
}

li.list-item a.list-item-text-5 {
  color: #00b3e4;
}

li.list-item a.list-item-text-6 {
  color: #00b3e4;
}

li.list-item a.list-item-text-7 {
  color: #00b3e4;
}

li.list-item a.list-item-text-8 {
  color: #00b3e4;
}

li.list-item a.list-item-text-9 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-10 {
  color: #00b3e4;
}

li.list-item a.list-item-text-11 {
  color: #00b3e4;
}

div.responsive-picture.picture-3 {
  margin-left: 10%;
  width: 80%;
}

div.responsive-picture.picture-4 {
  margin-left: 10%;
  width: 80%;
}

li.list-item a.list-item-text-12 {
  color: #00b3e4;
  text-decoration: underline;
}

li.list-item a.list-item-text-13 {
  color: #000;
  text-decoration: none;
}

li.list-item a.list-item-text-14 {
  color: #00b3e4;
}

li.list-item a.list-item-text-15 {
  color: #00b3e4;
}

li.list-item a.list-item-text-16 {
  color: #00b3e4;
}

li.list-item a.list-item-text-17 {
  color: #00b3e4;
}

.rule.rule-4 {
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

li.list-item a.list-item-text-18 {
  color: #00b3e4;
}

li.list-item a.list-item-text-19 {
  color: #00b3e4;
}

div.responsive-picture.picture-5 {
  width: 30%;
  height: auto;
}

div.responsive-picture.picture-5 > picture {
  height: auto;
}

div.responsive-picture.picture-6 {
  width: 30%;
}

li.list-item span.list-item-text-20 {
  color: #000;
  text-decoration: none;
}

li.list-item a.list-item-text-21 {
  color: #00b3e4;
}

li.list-item a.list-item-text-22 {
  color: #00b3e4;
}

li.list-item a.list-item-text-23 {
  color: #00b3e4;
}

li.list-item a.list-item-text-24 {
  color: #00b3e4;
}

li.list-item a.list-item-text-25 {
  color: #00b3e4;
}

li.list-item a.list-item-text-26 {
  color: #00b3e4;
}

li.list-item a.list-item-text-27 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item span.list-item-text-28 {
  text-decoration: none;
}

li.list-item a.list-item-text-29 {
  color: #00b3e4;
  text-decoration: underline;
}

li.list-item span.list-item-text-30 {
  text-decoration: underline;
}

li.list-item a.list-item-text-31 {
  color: #00b3e4;
}

li.list-item a.list-item-text-32 {
  color: #00b3e4;
}

li.list-item span.list-item-text-33 {
  color: #00b3e4;
  text-decoration: underline;
}

li.list-item span.list-item-text-34 {
  color: #00b3e4;
  text-decoration: underline;
}

li.list-item.listing-prod-1 {
  color: #00b3e4;
  font-weight: 500;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
}

li.list-item a.list-item-text-35 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-36 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-37 {
  color: #00b3e4;
  text-decoration: none;
}

div.responsive-picture.picture-7 {
  margin-left: 5%;
  width: 90%;
}

.rule.rule-5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-6 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-7 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-8 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-9 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.html-element.html-element-1 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
}

.html-element.html-element-2 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
}

.html-element.html-element-3 {
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
}

div.responsive-video.video-platform-1 {
  margin-right: 10%;
  margin-left: 10%;
  padding-bottom: 56.25%;
  width: 80%;
}

div.responsive-video.video-platform-2 {
  margin-right: 10%;
  margin-left: 10%;
  width: 80%;
}

div.responsive-video.video-platform-3 {
  margin-right: 10%;
  margin-left: 10%;
  width: 80%;
}

div.responsive-video.video-platform-4 {
  margin-right: 10%;
  margin-left: 10%;
  width: 80%;
}

li.list-item a.list-item-text-3 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-38 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-39 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-40 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-41 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-42 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-43 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item span.list-item-text-44 {
  color: #00b3e4;
  text-decoration: none;
}

li.list-item a.list-item-text-45 {
  color: #00b3e4;
  text-decoration: none;
}

@media screen and (max-width: 75rem) {
  /* Text Elements */

  h1.heading-prod-1 {
    margin-top: 15px;
    font-size: 18px;
  }

  h1.heading-prod-2 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
  }

  h1.heading-prod-3 {
    font-size: 18px;
  }

  h1.heading-spec-3 {
    font-size: 16px;
  }

  h1.heading-1 {
    font-size: 20px;
  }

  h1.heading-prod-T1 {
    font-size: 20px;
  }

  p.paragraph.heading-group-2 {
    font-size: 16px;
  }

  p.paragraph.heading-group-4 {
    font-size: 15px;
  }

  a.link-text.heading-bar-4 {
    font-size: 14px;
  }

  a.link-text.heading-prod-1.heading-prod-2 {
    font-size: 15px;
  }

  a.link-text.heading-navbar {
    font-size: 20px;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    font-size: 14px;
  }

  /* Layout Elements */

  .container.container-prod-1-d {
    padding-bottom: 10px;
  }

  .container.container-prod-3-1 {
    display: grid;
    -ms-flex-pack: start;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }

  .container.container-ruler-1 {
    display: grid;

    grid-template-columns: auto;
    grid-template-rows: auto;
  }

  .container.container-prod-body {
    grid-template-rows: 2% repeat(5 , auto);
  }

  .container.container-prod-3 {
    grid-template-rows: repeat(2 , auto);
  }

  .container.container-prod-4-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;
    -ms-flex-align: start;

    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-prod-1-1 {
    display: grid;
  }

  li.list-item.heading-group-2 {
    font-size: 16px;
  }

  .rule.rule-3 {
    margin-top: 10px;
  }

  .rule.rule-4 {
    margin-top: 10px;
    margin-bottom: 7px;
    padding-top: 5px;
  }
}

@media screen and (max-width: 62rem) {
  /* Text Elements */

  h1.heading-hero {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 32px;

    grid-area: auto / auto / auto / auto;
  }

  h1.heading-tagline {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 14px;
  }

  h1.heading-footer-copyright {
    font-size: 12px;
  }

  h1.heading-body-1 {
    font-size: 20px;
  }

  h1.heading-bar-1 {
    font-size: 16px;
  }

  h1.heading-bar-4 {
    font-size: 16px;
  }

  h1.heading-group-1 {
    font-size: 24px;
  }

  h1.heading-prod-1 {
    margin-top: 11px;
    font-size: 16px;
  }

  h1.heading-prod-2 {
    display: inline;
    margin-top: 13px;
    font-size: 16px;
  }

  h1.heading-prod-3 {
    margin-top: 13px;
    margin-left: 0;
    font-size: 18px;
  }

  h1.heading-spec-1 {
    font-size: 16px;
  }

  h1.heading-spec-3 {
    font-size: 14px;
  }

  h1.heading-1 {
    font-size: 17px;
  }

  h1.heading-prod-T1 {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
  }

  h1 a.heading-text-9 {
    color: #00b3e4;
    text-decoration: none;
  }

  h1 a.heading-text-12 {
    text-decoration: none;
  }

  h1 a.heading-text-11 {
    text-decoration: none;
  }

  h1.heading-update-h {
    font-size: 16px;
  }

  p.paragraph.heading-body-2 {
    font-size: 16px;
  }

  p.paragraph.heading-group-2 {
    font-size: 16px;
  }

  p.paragraph.heading-group-4 {
    font-size: 16px;
  }

  p.paragraph.heading-update-text {
    font-size: 14px;
  }

  a.link-text.heading-hero-nav {
    font-size: 14px;
  }

  a.link-text.heading-navbar {
    font-size: 16px;
  }

  a.link-text.heading-footer {
    font-size: 14px;
  }

  a.link-text.heading-bar-3 {
    font-size: 20px;
  }

  a.link-text.heading-bar-4 {
    font-size: 14px;
  }

  a.link-text.heading-prod-1.heading-prod-2 {
    font-size: 16px;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    font-size: 12px;
  }

  /* Layout Elements */

  .container.container-header-bottom {
    display: grid;

    justify-self: center;
  }

  .container.container-cdd-grid-father {
    display: grid;
  }

  .container.container-header-bottom-center {
    -ms-flex-pack: start;
    min-width: 10px;
    min-height: auto;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }

  .container.container-bottom-center {
    min-width: 70vw;
  }

  .container.container-header {
    display: block;

    grid-template-rows: minmax(2vh, 1px) 5vh;
  }

  .container.container-hero-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
  }

  .container.container-article-1 {
    display: grid;

    grid-template-columns: auto;
    grid-template-rows: repeat(4 , auto);
  }

  .container.container-article-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    grid-template-columns: auto;
    grid-template-rows: repeat(4 , auto);
  }

  .container.container-article-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
  }

  .container.container-4 {
    display: inline-block;
  }

  .container.container-acc-grid-father {
    display: grid;

    grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'acc-1 acc-1 acc-2 acc-2' 'acc-3 acc-3 acc-4 acc-4' 'acc-5 acc-5 acc-6 acc-6' 'acc-7 acc-7 acc-8 acc-8' 'acc-9 acc-9 acc-10 acc-10' 'acc-11 acc-11 acc-12 acc-12' 'footer footer footer footer';
  }

  .container.container-T1 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T2 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T3 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T4 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T5 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T6 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T7 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T8 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T9 {
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }

  .container.container-T10 {
    display: grid;
  }

  .container.container-prod-3-1 {
    display: grid;
  }

  .container.container-prod-body {
    grid-template-areas: 'prod-1' 'prod-1' 'prod-1' 'prod-3' 'prod-4' 'prod-5' 'prod-2';
    grid-template-rows: repeat(7 , auto);
  }

  .container.container-ruler-1 {
    display: grid;
  }

  .container.container-prod-3 {
    grid-template-rows: repeat(2 , auto);
  }

  a.responsive-picture.picture-link-1 {
    padding-top: 12px;
  }

  li.list-item.heading-group-2 {
    font-size: 16px;
  }

  .rule.rule-3 {
    margin-top: 25px;
  }

  .rule.rule-4 {
    margin-top: 10px;
  }

  li.list-item.listing-prod-1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 48rem) {
  /* Text Elements */

  h1.heading-hero {
    font-size: 24px;
  }

  h1.heading-tagline {
    font-size: 12px;
  }

  h1.heading-bar-1 {
    font-size: 14px;
  }

  h1.heading-bar-4 {
    font-size: 16px;
  }

  h1.heading-group-1 {
    font-size: 24px;
  }

  h1.heading-prod-1 {
    margin-top: -20px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  h1.heading-prod-2 {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 16px;
  }

  h1.heading-prod-3 {
    margin-left: 5%;
    font-size: 18px;
  }

  h1.heading-spec-1 {
    font-size: 14px;
  }

  h1.heading-spec-3 {
    font-size: 14px;
  }

  h1.heading-1 {
    font-size: 14px;
  }

  h1.heading-prod-T1 {
    color: #00b3e4;
    font-size: 16px;
  }

  h1.heading-footer-copyright {
    font-size: 12px;
  }

  p.paragraph.heading-group-2 {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 16px;
  }

  p.paragraph.heading-group-3 {
    font-size: 14px;
  }

  p.paragraph.heading-group-4 {
    font-size: 14px;
  }

  p.paragraph.heading-body-2 {
    font-size: 16px;
  }

  ul.unorder-list.unordered-list-2 {
    margin-bottom: 0;
  }

  ul.unorder-list.unordered-list-3 {
    margin-top: 0;
  }

  a.link-text.heading-hero-nav {
    font-size: 14px;
  }

  a.link-text.heading-navbar {
    font-size: 16px;
  }

  a.link-text.heading-footer {
    font-size: 12px;
  }

  a.link-text.heading-bar-3 {
    font-size: 18px;
  }

  a.link-text.heading-bar-4 {
    font-size: 14px;
  }

  a.link-text.heading-prod-1.heading-prod-2 {
    font-size: 14px;
  }

  a.link-text.text-link-1 {
    font-size: 30px;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    font-size: 12px;
  }

  /* Layout Elements */

  .container.container-header-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: start;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
  }

  .container.container-cdd-grid-father {
    display: grid;

    grid-area: elementArea;
  }

  .container.container-bottom-left {
    width: auto;
  }

  .container.container-article-1 {
    display: grid;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
    grid-template-areas: 'group-1 group-1' 'group-2 group-2';
  }

  .container.container-article-1-1 {
    display: block;
    width: 100%;

    grid-area: auto;
    grid-template-columns: auto;
    grid-template-rows: repeat(3 , auto);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-article-2 {
    display: block;

    grid-template-columns: auto;
    grid-template-rows: repeat(7 , auto);
  }

  .container.container-group-1 {
    display: grid;
    padding-left: 5%;
    width: 95%;

    grid-area: auto;
    grid-template-columns: auto;
    grid-template-rows: repeat(3 , auto);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-2 {
    margin-left: 5%;
    padding-right: 0;
    padding-left: 0;
    width: 90%;
  }

  .container.container-article-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
    grid-template-areas: none;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-article-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .container.container-prod-1 {
    display: block;
    -ms-flex-pack: start;
    margin-left: 5%;

    grid-template-areas: 'prod-1-2 prod-1-2' 'prod-1-1 prod-1-1';
    grid-template-rows: repeat(2 , auto);
    grid-template-columns: repeat(2 , auto);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }

  .container.container-prod-1-d {
    display: block;
    padding-bottom: 10px;
  }

  .container.container-prod-body-4 {
    grid-template-areas: 'prod-4-1 prod-4-1' 'prod-4-2 prod-4-2' 'prod-4-3 prod-4-3';
    grid-template-rows: repeat(3 , auto);
    grid-template-columns: repeat(2 , auto);
  }

  .container.container-3 {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  .container.container-4 {
    display: none;
  }

  .container.container-6 {
    display: none;
  }

  .container.container-prod-3-1 {
    display: none;
    margin-left: 0;
    width: 100%;
  }

  .container.container-prod-1-a {
    display: grid;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
  }

  .container.container-prod-1-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;

    grid-template-columns: auto;
    grid-template-rows: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }

  .container.container-prod-1-1 {
    display: grid;
  }

  .container.container-acc-grid-father {
    display: grid;

    grid-area: elementArea;
    grid-template-areas: 'header header header header' 'navbar navbar navbar navbar' 'acc-1 acc-1 acc-2 acc-2' 'acc-3 acc-3 acc-4 acc-4' 'acc-5 acc-5 acc-6 acc-6' 'acc-7 acc-7 acc-8 acc-8' 'acc-9 acc-9 acc-10 acc-10' 'acc-11 acc-11 acc-12 acc-12' 'footer footer footer footer';
  }

  .container.container-acc-1 {
    width: auto;
  }

  .container.container-T1 {
    display: block;
    width: 50%;

    grid-template-rows: repeat(3 , auto);
  }

  .container.container-T3 {
    width: 50%;
  }

  .container.container-8 {
    display: block;
  }

  .container.container-T10 {
    display: grid;

    grid-area: elementArea;
    grid-template-areas: none;
    grid-template-columns: repeat(2 , auto);
    grid-template-rows: repeat(2 , auto);
  }

  .container.container-tutorial {
    display: grid;
  }

  .container.container-navbar-pad-R {
    display: inline-block;
  }

  .container.container-group-2 {
    margin-left: 5%;
    width: 90%;
  }

  .container.container-prod-3 {
    grid-template-rows: repeat(2 , auto);
  }

  .container.container-prod-4-1 {
    display: block;
  }

  .container.container-prod-4 {
    grid-template-columns: auto;
    grid-template-rows: repeat(2 , auto);
  }

  .container.container-about-body {
    grid-template-areas: 'about-1 about-1' 'about-2 about-2' 'about-3 about-3' 'about-4 about-4' 'about-5 about-5' 'about-6 about-6' 'about-7 about-7' 'about-8 about-9' 'about-8 about-9';
  }

  .container.container-clip-body-1 {
    grid-template-areas: 'clip-body-TR clip-body-TR' 'clip-body-TL clip-body-TL' 'clip-body-ML clip-body-ML' 'clip-body-BL clip-body-BR';
  }

  .container.container-updare-body-1 {
    grid-template-areas: 'update-h update-h' 'update-R update-R' 'update-L update-L' 'update-c update-c';
  }

  a.responsive-picture.picture-link-1 {
    margin-right: 0;
    padding-top: 4px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  .rule.rule-3 {
    margin-top: 25px;
    margin-bottom: 5px;
  }

  li.list-item.listing-prod-1 {
    font-size: 15px;
  }

  div.responsive-video.video-platform-2 {
    padding-bottom: 56.25%;
  }

  div.responsive-picture.picture-2 {
    margin-bottom: 40px;
    padding: 0;
  }

  div.responsive-picture.picture-7 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 36rem) {
  /* Text Elements */

  h1.heading-hero {
    padding-left: 0;
    font-size: 22px;
  }

  h1.heading-tagline {
    padding-left: 0;
    font-size: 9px;
  }

  h1.heading-bar-1 {
    font-size: 12px;
  }

  h1.heading-bar-4 {
    font-size: 14px;
  }

  h1.heading-group-1 {
    font-size: 18px;
  }

  h1.heading-footer-copyright {
    font-size: 12px;
  }

  h1.heading-prod-1 {
    margin-top: -20px;
    font-size: 16px;
  }

  h1.heading-prod-2 {
    font-size: 14px;
  }

  h1.heading-prod-3 {
    font-size: 16px;
  }

  h1.heading-spec-2 {
    font-size: 16px;
  }

  h1.heading-spec-3 {
    font-size: 12px;
  }

  h1.heading-1 {
    font-size: 12px;
  }

  h1.heading-prod-T1 {
    font-size: 14px;
  }

  p.paragraph.heading-group-2 {
    font-size: 14px;
  }

  p.paragraph.heading-group-3 {
    font-size: 12px;
  }

  p.paragraph.heading-group-4 {
    font-size: 12px;
  }

  a.link-text.heading-navbar {
    font-size: 14px;
  }

  a.link-text.heading-hero-nav {
    padding-left: 10px;
    font-size: 12px;
  }

  a.link-text.heading-bar-3 {
    font-size: 14px;
  }

  a.link-text.heading-bar-4 {
    font-size: 14px;
  }

  a.link-text.heading-footer {
    font-size: 12px;
  }

  a.link-text.heading-prod-1.heading-prod-2 {
    font-size: 12px;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    font-size: 12px;
  }

  /* Layout Elements */

  .container.container-bottom-center {
    min-width: 50vw;
  }

  .container.container-bottom-left {
    min-width: 2vw;
  }

  .container.container-hero-nav-bottom {
    min-width: 2px;
  }

  .container.container-group-1 {
    padding-left: 5%;
    width: 95%;
  }

  .container.container-prod-1 {
    grid-template-areas: 'prod-1-2 prod-1-2' 'prod-1-1 prod-1-1';
    grid-template-columns: 50% minmax(50%, 1px);
    grid-template-rows: repeat(2 , auto);
  }

  a.responsive-picture.picture-link-1 {
    margin-top: 7px;
    width: 80%;
  }

  li.list-item.heading-group-2 {
    font-size: 14px;
  }

  li.list-item.listing-prod-1 {
    font-size: 11px;
  }
}