/*
.example-shorthand-grid-template {
 display: grid;
 grid-template: 50% 50% / 200px;
 grid-gap: 40px;
}
*/
/*
.example-shorthand-item {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
*/
/*
.example-shorthand-item-grid-area {
   grid-area: 1 / 1 / 3 / 6;
}
*/
/*
  .grid-container {
      align-items: center; // aligns of the vertical row axis
      justify-items: end; // aligns of the horizontal column axis
   }
*/
/*
  .grid-container {
      align-content: center; // aligns of the vertical row axis
      justify-content: end; // aligns of the horizontal column axis
   }
*/
/*
  .item {
      align-self: center; // aligns of the vertical row axis
      justify-self: end; // aligns of the horizontal column axis
   }
*/
@media only screen and (min-width: 641px) {
  .layout-one-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(24vw, 1fr));
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px;
    background-color: #fff;
    color: #444; }
  .layout-one-grid .nested-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24vw, 1fr));
    grid-template-rows: auto;
    grid-gap: 40px 0px;
    grid-column: 1 / 2;
    grid-row: 2 / 3; }
  .layout-one-grid .secound-image {
    grid-column: 1 / 2;
    grid-row: 1 / 2; }
  .layout-one-grid .text-secound {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .layout-one-grid .third-image {
    grid-column: 2;
    grid-row: 2; }
  .layout-one-grid .text-third {
    grid-column: 3 / 5;
    grid-row: 2; } }

@media only screen and (min-width: 960px) {
  .layout-one-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px;
    background-color: #fff;
    color: #444; }
  .layout-one-grid .nested-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-column: 1 / span 2;
    grid-row: 2 / 3; }
  .layout-one-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 1 / 2; }
  .layout-one-grid .text-secound {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .layout-one-grid .third-image {
    grid-column: 3;
    grid-row: 2; }
  .layout-one-grid .text-third {
    grid-column: 4;
    grid-row: 2; } }

.layout-one-grid .text-first {
  grid-column: 1 / 3;
  grid-row: 1 / 2; }

.layout-one-grid .first-image {
  grid-column: 3 / 5;
  grid-row: 1 / 2; }

@media only screen and (min-width: 641px) {
  .layout-two-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(24vw, 1fr));
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px; }
  .layout-two-grid .first-image {
    grid-column: 2 / 2;
    grid-row: 1 / 2; }
  .layout-two-grid .secound-image {
    grid-column: 3;
    grid-row: 1;
    -ms-flex-item-align: end;
    align-self: end; } }

@media only screen and (min-width: 960px) {
  .layout-two-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px; }
  .layout-two-grid .text-first {
    grid-column: 1 / 1;
    grid-row: 1 / 2; }
  .layout-two-grid .first-image {
    grid-column: 2 / 4;
    grid-row: 1 / 2; }
  .layout-two-grid .secound-image {
    grid-column: 4;
    grid-row: 1;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-two-grid .text-secound {
    grid-column: 1;
    grid-row: 2; }
  .layout-two-grid .third-image {
    grid-column: 2 / 2;
    grid-row: 2; }
  .layout-two-grid .text-third {
    grid-column: 3 / 5;
    grid-row: 2; } }

/* Defines a grid template by referencing the names of the grid areas which are specified with the grid-area property.  */
.layout-three-grid .text-first {
  grid-area: text-first;
  height: 12vh; }

.layout-three-grid .text-second {
  grid-area: text-second; }

.layout-three-grid .text-third {
  grid-area: text-third; }

.layout-three-grid .text-fourth {
  grid-area: text-fourth; }

.layout-three-grid .first-image {
  grid-area: first-image; }

.layout-three-grid .secound-image {
  grid-area: secound-image; }

.layout-three-grid .third-image {
  grid-area: third-image; }

.layout-three-grid .fourth-image {
  grid-area: fourth-image; }

.layout-three-grid .fifth-image {
  grid-area: fifth-image; }

.layout-three-grid .sixth-image {
  grid-area: sixth-image; }

.layout-three-grid .seventh-image {
  grid-area: seventh-image; }

.layout-three-grid .eight-image {
  grid-area: eight-image; }

.layout-three-grid .nine-image {
  grid-area: nine-image; }

.layout-three-grid .ten-image {
  grid-area: ten-image; }

.layout-three-grid .eleven-image {
  grid-area: eleven-image; }

.layout-three-grid .tweleve-image {
  grid-area: tweleve-image; }

.layout-three-grid .text-fifth {
  grid-area: text-fifth; }

.layout-three-grid .text-sixth {
  grid-area: text-sixth; }

.layout-three-grid .text-seventh {
  grid-area: text-seventh; }

@media only screen and (min-width: 641px) {
  .layout-three-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-areas: ". text-first  text-first text-first" ". text-second text-third  text-fourth" "first-image first-image  secound-image secound-image" "third-image third-image  fourth-image fourth-image" "fifth-image  sixth-image  seventh-image  eight-image" "nine-image nine-image  ten-image ten-image" "eleven-image eleven-image  tweleve-image tweleve-image" ". text-fifth text-sixth  text-seventh"; } }

@media only screen and (min-width: 960px) {
  .layout-three-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-areas: ". text-first  text-first text-first" ". text-second text-third  text-fourth" "first-image  secound-image  third-image  fourth-image" "fifth-image  sixth-image  seventh-image  eight-image" "nine-image  ten-image  eleven-image  tweleve-image" ". text-fifth text-sixth  text-seventh"; } }

@media only screen and (min-width: 641px) {
  .layout-four-grid {
    display: grid;
    grid-template: auto auto auto / 1fr 1fr 1fr 1fr;
    /* shorthand grid-template for below tags */
    grid-gap: 40px;
    background-color: #fff;
    color: #444; }
  .layout-four-grid .first-image {
    grid-column: 1 / 5;
    grid-row: 1 / 1; }
  .layout-four-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 2 / 2; }
  .layout-four-grid .secound-image {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-four-grid .third-image {
    grid-column: 3 / 5;
    grid-row: 3; } }

@media only screen and (min-width: 960px) {
  .layout-four-grid {
    display: grid;
    grid-template: auto auto auto / 1fr 1fr 1fr 1fr;
    /* shorthand grid-template for below tags */
    grid-gap: 40px;
    background-color: #fff;
    color: #444; }
  .layout-four-grid .first-image {
    grid-column: 1 / 5;
    grid-row: 1 / 1; }
  .layout-four-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 2 / 2; }
  .layout-four-grid .secound-image {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-four-grid .third-image {
    grid-column: 3 / 5;
    grid-row: 3; } }

@media only screen and (min-width: 641px) {
  .layout-five-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px; }
  .layout-five-grid .text-first {
    grid-column: 1 / 4;
    grid-row: 1;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .first-image {
    grid-column: 1 / 2;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .third-image {
    grid-column: 3 / 4;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; } }

@media only screen and (min-width: 960px) {
  .layout-five-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px; }
  .layout-five-grid .text-first {
    grid-column: 1 / 4;
    grid-row: 1;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .first-image {
    grid-column: 1 / 2;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-five-grid .third-image {
    grid-column: 3 / 4;
    grid-row: 2;
    -ms-flex-item-align: end;
    align-self: end; } }

@media only screen and (min-width: 641px) {
  .layout-six-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px; }
  .layout-six-grid .first-image {
    grid-column: 1 / 1;
    grid-row: 1; }
  .layout-six-grid .first-text {
    grid-column: 2 / 3;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center; }
  .layout-six-grid .secound-text {
    grid-column: 1 / 1;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center; }
  .layout-six-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 2; }
  .layout-six-grid .third-image {
    grid-column: 1 / 3;
    grid-row: 3;
    margin-top: 8vh; }
  .layout-six-grid .third-text {
    grid-column: 1 / 3;
    grid-row: 4;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 8vh; }
  .layout-six-grid .fourth-text {
    grid-column: 1 / 1;
    grid-row: 5;
    margin-top: 15vh; }
  .layout-six-grid .fourth-image {
    grid-column: 1 / 3;
    grid-row: 6; }
  .layout-six-grid .fifth-image {
    grid-column: 1 / 1;
    grid-row: 7; } }

@media only screen and (min-width: 641px) {
  .layout-six-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto;
    grid-gap: 80px;
    grid-auto-rows: 100px; }
  .layout-six-grid .first-image {
    grid-column: 1 / 1;
    grid-row: 1; }
  .layout-six-grid .first-text {
    grid-column: 2 / 3;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center; }
  .layout-six-grid .secound-text {
    grid-column: 1 / 1;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center; }
  .layout-six-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 2; }
  .layout-six-grid .third-image {
    grid-column: 1 / 2;
    grid-row: 3;
    margin-top: 10vh; }
  .layout-six-grid .third-text {
    grid-column: 2 / 3;
    grid-row: 3;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 10vh; }
  .layout-six-grid .fourth-text {
    grid-column: 2 / 3;
    grid-row: 4;
    margin-top: 15vh; }
  .layout-six-grid .fourth-image {
    grid-column: 1 / 2;
    grid-row: 5; }
  .layout-six-grid .fifth-image {
    grid-column: 2 / 3;
    grid-row: 5; } }

@media only screen and (min-width: 960px) {
  .layout-six-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto;
    grid-gap: 80px;
    grid-auto-rows: 100px; }
  .layout-six-grid .first-image {
    grid-column: 1 / 1;
    grid-row: 1; }
  .layout-six-grid .first-text {
    grid-column: 2 / 3;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start; }
  .layout-six-grid .secound-text {
    grid-column: 1 / 1;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-six-grid .secound-image {
    grid-column: 2 / 3;
    grid-row: 2; }
  .layout-six-grid .third-image {
    grid-column: 1 / 2;
    grid-row: 3;
    margin-top: 10vh; }
  .layout-six-grid .third-text {
    grid-column: 2 / 3;
    grid-row: 3;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 10vh; }
  .layout-six-grid .fourth-text {
    grid-column: 2 / 3;
    grid-row: 4;
    margin-top: 15vh; }
  .layout-six-grid .fourth-image {
    grid-column: 1 / 2;
    grid-row: 5; }
  .layout-six-grid .fifth-image {
    grid-column: 2 / 3;
    grid-row: 5; } }

@media only screen and (min-width: 641px) {
  .layout-seven-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 40px 40px;
    grid-auto-rows: 100px; }
  .layout-seven-grid .first-text {
    grid-column: 1 / 3;
    grid-row: 1; }
  .layout-seven-grid .secound-text {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-seven-grid .third-text {
    grid-column: 3 / 5;
    grid-row: 3; }
  .layout-seven-grid .fourth-text {
    grid-column: 1 / 3;
    grid-row: 4; }
  .layout-seven-grid .fifth-text {
    grid-column: 1 / 6;
    grid-row: 2; }
  .layout-seven-grid .sixth-text {
    grid-column: 1 / 3;
    grid-row: 5; }
  .layout-seven-grid .seventh-text {
    grid-column: 1 / 3;
    grid-row: 6; }
  .layout-seven-grid .eighth-text {
    grid-column: 3 / 5;
    grid-row: 5; }
  .layout-seven-grid .ninth-text {
    grid-column: 3;
    grid-row: 6; } }

@media only screen and (min-width: 960px) {
  .layout-seven-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-seven-grid .first-text {
    grid-column: 1 / 3;
    grid-row: 1; }
  .layout-seven-grid .secound-text {
    grid-column: 1;
    grid-row: 2; }
  .layout-seven-grid .third-text {
    grid-column: 2;
    grid-row: 2; }
  .layout-seven-grid .fourth-text {
    grid-column: 3;
    grid-row: 2; }
  .layout-seven-grid .fifth-text {
    grid-column: 4 / 6;
    grid-row: 2; }
  .layout-seven-grid .sixth-text {
    grid-column: 1;
    grid-row: 3; }
  .layout-seven-grid .seventh-text {
    grid-column: 2;
    grid-row: 3; }
  .layout-seven-grid .eighth-text {
    grid-column: 3;
    grid-row: 3; }
  .layout-seven-grid .ninth-text {
    grid-column: 4;
    grid-row: 3; } }

@media only screen and (min-width: 641px) {
  .layout-eight-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-eight-grid .first-text {
    grid-column: 2 / 6;
    grid-row: 1; }
  .layout-eight-grid .secound-text {
    grid-column: 1 / 7;
    grid-row: 2; }
  .layout-eight-grid .first-image {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-eight-grid .secound-image {
    grid-column: 3 / 5;
    grid-row: 3; }
  .layout-eight-grid .third-image {
    grid-column: 5 / 7;
    grid-row: 3; } }

@media only screen and (min-width: 960px) {
  .layout-eight-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-eight-grid .first-text {
    grid-column: 2 / 6;
    grid-row: 1; }
  .layout-eight-grid .secound-text {
    grid-column: 1 / 7;
    grid-row: 2; }
  .layout-eight-grid .first-image {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-eight-grid .secound-image {
    grid-column: 3 / 5;
    grid-row: 3; }
  .layout-eight-grid .third-image {
    grid-column: 5 / 7;
    grid-row: 3; } }

@media only screen and (min-width: 641px) {
  .layout-nine-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-nine-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-nine-grid .first-image {
    grid-column: 1 / 5;
    grid-row: 2; }
  .layout-nine-grid .secound-text {
    grid-column: 1 / 5;
    grid-row: 3;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-nine-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 4;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-nine-grid .secound-image {
    grid-column: 1 / 5;
    grid-row: 5; }
  .layout-nine-grid .third-image {
    grid-column: 1 / 5;
    grid-row: 6; }
  .layout-nine-grid .fourth-text {
    grid-column: 1 / 5;
    grid-row: 7;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; } }

@media only screen and (min-width: 960px) {
  .layout-nine-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-nine-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1; }
  .layout-nine-grid .first-image {
    grid-column: 1 / 3;
    grid-row: 2; }
  .layout-nine-grid .secound-text {
    grid-column: 3 / 5;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-nine-grid .third-text {
    grid-column: 1 / 3;
    grid-row: 3;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-nine-grid .secound-image {
    grid-column: 3 / 5;
    grid-row: 3; }
  .layout-nine-grid .third-image {
    grid-column: 1 / 3;
    grid-row: 4; }
  .layout-nine-grid .fourth-text {
    grid-column: 3 / 5;
    grid-row: 4;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; } }

@media only screen and (min-width: 641px) {
  .layout-ten-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-ten-grid .first-image {
    grid-column: 1 / 5;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-ten-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-ten-grid .secound-text {
    grid-column: 1 / 5;
    grid-row: 3; }
  .layout-ten-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 4; } }

@media only screen and (min-width: 960px) {
  .layout-ten-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 80px 40px;
    grid-auto-rows: 100px; }
  .layout-ten-grid .first-image {
    grid-column: 1 / 5;
    grid-row: 1;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-ten-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-ten-grid .secound-text {
    grid-column: 1 / 3;
    grid-row: 3; }
  .layout-ten-grid .third-text {
    grid-column: 3 / 5;
    grid-row: 3; } }

@media only screen and (min-width: 641px) {
  .layout-eleven-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 40px;
    grid-auto-rows: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .layout-eleven-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1; }
  .layout-eleven-grid .secound-text {
    grid-column: 2 / 4;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: left; }
  .layout-eleven-grid .third-text {
    grid-column: 4 / 5;
    grid-row: 3; }
  .layout-eleven-grid h1 {
    line-height: 0.8em; } }

@media only screen and (min-width: 960px) {
  .layout-eleven-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto;
    grid-gap: 40px; }
  .layout-eleven-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1; }
  .layout-eleven-grid .secound-text {
    grid-column: 2 / 4;
    grid-row: 2;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-eleven-grid .third-text {
    grid-column: 4 / 5;
    grid-row: 3; }
  .layout-eleven-grid h1 {
    line-height: 0.8em; } }

@media only screen and (min-width: 641px) {
  .layout-twelve-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto 20vh;
    grid-gap: 0px; }
  .layout-twelve-grid .first-text {
    grid-column: 1 / 4;
    grid-row: 1; }
  .layout-twelve-grid .secound-text {
    grid-column: 3 / 4;
    grid-row: 1;
    -ms-flex-item-align: start;
    align-self: start; }
  .layout-twelve-grid .third-text {
    grid-column: 1 / 4;
    grid-row: 2; }
  .layout-twelve-grid .fourth-text {
    grid-column: 1 / 1;
    grid-row: 3; }
  .layout-twelve-grid .fifth-text {
    grid-column: 1 / 1;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-twelve-grid .sixth-text {
    grid-column: 2 / 2;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: center; }
  .layout-twelve-grid .seventh-text {
    grid-column: 3 / 3;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end; }
  .layout-twelve-grid h1 {
    line-height: 0.8em;
    font-size: 25vw;
    letter-spacing: -10px; }
  .layout-twelve-grid h1 sup {
    margin-left: -4vw; }
  .layout-twelve-grid h3 {
    line-height: 0.8em;
    font-size: 3vw; } }

@media only screen and (min-width: 960px) {
  .layout-twelve-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto 20vh;
    grid-gap: 0px; }
  .layout-twelve-grid .first-text {
    grid-column: 1 / 4;
    grid-row: 1; }
  .layout-twelve-grid .secound-text {
    grid-column: 3 / 4;
    grid-row: 1;
    -ms-flex-item-align: start;
    align-self: start; }
  .layout-twelve-grid .third-text {
    grid-column: 1 / 4;
    grid-row: 2; }
  .layout-twelve-grid .fourth-text {
    grid-column: 1 / 1;
    grid-row: 3; }
  .layout-twelve-grid .fifth-text {
    grid-column: 1 / 1;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-twelve-grid .sixth-text {
    grid-column: 2 / 2;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: center; }
  .layout-twelve-grid .seventh-text {
    grid-column: 3 / 3;
    grid-row: 4;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end; }
  .layout-twelve-grid h1 {
    line-height: 0.8em;
    font-size: 25vw;
    letter-spacing: -10px; }
  .layout-twelve-grid h1 sup {
    margin-left: -4vw; }
  .layout-twelve-grid h3 {
    line-height: 0.8em;
    font-size: 3vw; } }

@media only screen and (min-width: 641px) {
  .layout-thirteen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto auto auto auto auto 5vh;
    grid-gap: 10px 0px; }
  .layout-thirteen-grid .first-image {
    grid-column: 2 / 4;
    grid-row: 1 / 4;
    justify-self: center;
    z-index: 20; }
  .layout-thirteen-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1;
    justify-self: center; }
  .layout-thirteen-grid .secound-text {
    grid-column: 1 / 5;
    grid-row: 2;
    justify-self: center; }
  .layout-thirteen-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 3;
    justify-self: center; }
  .layout-thirteen-grid .fourth-text {
    grid-column: 1 / 5;
    grid-row: 4;
    justify-self: center; }
  .layout-thirteen-grid .fifth-text {
    grid-column: 1 / 5;
    grid-row: 5;
    justify-self: center; }
  .layout-thirteen-grid .sixth-text {
    grid-column: 1 / 5;
    grid-row: 6;
    justify-self: center; }
  .layout-thirteen-grid .seventh-text {
    grid-column: 1 / 5;
    grid-row: 7;
    justify-self: center; }
  .layout-thirteen-grid .eigth-text {
    grid-column: 1 / 5;
    grid-row: 8;
    justify-self: center; }
  .layout-thirteen-grid .ninth-text {
    grid-column: 1 / 5;
    grid-row: 9;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: center; }
  .layout-thirteen-grid .tenth-text {
    grid-column: 1 / span 1;
    grid-row: 10;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start; }
    .layout-thirteen-grid .tenth-text h3 {
      margin-left: calc(25px + 2vw); }
  .layout-thirteen-grid .eleven-text {
    grid-column: 4 / span 1;
    grid-row: 10;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end; }
    .layout-thirteen-grid .eleven-text h3 {
      margin-right: calc(25px + 2vw); }
  .layout-thirteen-grid h1 {
    line-height: 0.8em;
    /* This sets the minimum font size at 100px and amplifies it by .5vw depending on the viewport width.  */
    font-size: calc(51px + 10vw);
    letter-spacing: -9px; }
  .layout-thirteen-grid h3 {
    line-height: 0.8em;
    font-size: 3vw; } }

@media only screen and (min-width: 960px) {
  .layout-thirteen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto auto auto auto auto 5vh;
    grid-gap: 10px 0px;
    justify-items: stretch; }
  .layout-thirteen-grid .first-image {
    grid-column: 1 / span 4;
    grid-row: 1 / 4;
    justify-self: center;
    margin-top: 12px;
    z-index: 20; }
  .layout-thirteen-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1;
    text-align: justify; }
  .layout-thirteen-grid .secound-text {
    grid-column: 1 / 5;
    grid-row: 2;
    -ms-flex-item-align: start;
    align-self: start; }
  .layout-thirteen-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 3; }
  .layout-thirteen-grid .fourth-text {
    grid-column: 1 / 5;
    grid-row: 4; }
  .layout-thirteen-grid .fifth-text {
    grid-column: 1 / 5;
    grid-row: 5; }
  .layout-thirteen-grid .sixth-text {
    grid-column: 1 / 5;
    grid-row: 6; }
  .layout-thirteen-grid .seventh-text {
    grid-column: 1 / 5;
    grid-row: 7; }
  .layout-thirteen-grid .eigth-text {
    grid-column: 1 / 5;
    grid-row: 8; }
  .layout-thirteen-grid .ninth-text {
    grid-column: 1 / 5;
    grid-row: 9;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-thirteen-grid .tenth-text {
    grid-column: 1 / 1;
    grid-row: 10;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start; }
    .layout-thirteen-grid .tenth-text h3 {
      margin-left: calc(3px + 1.5vw); }
  .layout-thirteen-grid .eleven-text {
    grid-column: 4 / 4;
    grid-row: 10;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end; }
    .layout-thirteen-grid .eleven-text h3 {
      margin-right: calc(3px + 1.5vw); }
  .layout-thirteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    /* min font*/
    /* max and min font*/
    /* min font*/
    letter-spacing: -10px; }
  .layout-thirteen-grid h3 {
    line-height: 0.8em;
    font-size: 3vw; } }

@media only screen and (min-width: 1300px) {
  .layout-thirteen-grid h1 {
    line-height: 0.8em;
    font-size: 220px;
    letter-spacing: -10px; } }

@media only screen and (max-width: 641px) {
  .layout-thirteen-grid {
    display: grid;
    grid-template-columns: 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: auto auto auto auto auto auto auto auto auto 5vh;
    grid-gap: 10px 0px; }
  .layout-thirteen-grid .first-image {
    grid-column: 1 / 1;
    grid-row: 2 / 4;
    justify-self: center;
    margin-top: 12px;
    z-index: 0; }
  .layout-thirteen-grid h1 {
    line-height: 0.8em;
    font-size: calc(20px + 10.5vw);
    letter-spacing: -1px; }
  .layout-thirteen-grid h3 {
    line-height: 0.8em;
    font-size: 10vw; } }

@media only screen and (min-width: 641px) {
  .layout-fourteen-grid {
    display: grid;
    grid-template: auto 30vh auto auto/repeat(4, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 40px 10px; }
  .layout-fourteen-grid .first-text {
    grid-column: 2 / 5;
    grid-row: 1;
    justify-self: start; }
    .layout-fourteen-grid .first-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .secound-text {
    grid-column: 1 / 2;
    grid-row: 3;
    justify-self: end; }
    .layout-fourteen-grid .secound-text h1 {
      color: #6dcbac;
      margin-right: -11vw;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .third-text {
    grid-column: 2 / 3;
    grid-row: 3;
    justify-self: end; }
  .layout-fourteen-grid .fourth-text {
    grid-column: 2 / 5;
    grid-row: 4;
    justify-self: start; }
    .layout-fourteen-grid .fourth-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    letter-spacing: -5px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (min-width: 960px) {
  .layout-fourteen-grid {
    display: grid;
    grid-template: auto 40vh auto auto/repeat(4, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 40px 10px; }
  .layout-fourteen-grid .first-text {
    grid-column: 2 / 5;
    grid-row: 1;
    justify-self: start; }
    .layout-fourteen-grid .first-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .secound-text {
    grid-column: 1 / 2;
    grid-row: 3;
    justify-self: end; }
    .layout-fourteen-grid .secound-text h1 {
      color: #6dcbac;
      margin-right: -10vw;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .third-text {
    grid-column: 2 / 3;
    grid-row: 3;
    justify-self: end; }
  .layout-fourteen-grid .fourth-text {
    grid-column: 2 / 5;
    grid-row: 4;
    justify-self: start; }
    .layout-fourteen-grid .fourth-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    letter-spacing: -10px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (min-width: 1300px) {
  .layout-fourteen-grid h1 {
    line-height: 0.8em;
    font-size: 222px;
    letter-spacing: -10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (max-width: 641px) {
  .layout-fourteen-grid {
    display: grid;
    grid-template: auto 10vh auto auto/repeat(4, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 40px 10px; }
  .layout-fourteen-grid .first-text {
    grid-column: 2 / 5;
    grid-row: 1;
    justify-self: start; }
    .layout-fourteen-grid .first-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .secound-text {
    grid-column: 1 / 2;
    grid-row: 3;
    justify-self: end; }
    .layout-fourteen-grid .secound-text h1 {
      color: #6dcbac;
      margin-right: -11vw;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid .third-text {
    grid-column: 2 / 3;
    grid-row: 3;
    justify-self: end; }
  .layout-fourteen-grid .fourth-text {
    grid-column: 2 / 5;
    grid-row: 4;
    justify-self: start; }
    .layout-fourteen-grid .fourth-text h4 {
      color: #de1b1b;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-fourteen-grid h1 {
    line-height: 0.8em;
    font-size: 25.3vw;
    letter-spacing: -4px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (min-width: 641px) {
  .layout-fithteen-grid {
    display: grid;
    grid-template: repeat(6, auto)/repeat(6, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 30px 40px; }
  .layout-fithteen-grid .letter-m-first {
    grid-column: 2 / 2;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-first {
    grid-column: 4 / 4;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-m-secound {
    grid-column: 1 / 1;
    grid-row: 2;
    justify-self: end; }
  .layout-fithteen-grid .letter-u {
    grid-column: 2 / 2;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-s-first {
    grid-column: 3 / 3;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-first {
    grid-column: 4 / 4;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-first {
    grid-column: 5 / 5;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-a-first {
    grid-column: 6 / 6;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-s-secound {
    grid-column: 2 /2;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-secound {
    grid-column: 4 / 4;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-third {
    grid-column: 1 / 1;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-secound {
    grid-column: 2 / 2;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-fourth {
    grid-column: 3 / 3;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-secound {
    grid-column: 4 / 4;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-secound {
    grid-column: 2 / 2;
    grid-row: 5;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-third {
    grid-column: 2 / 2;
    grid-row: 6;
    justify-self: center; }
  .layout-fithteen-grid .small-text-left {
    grid-column: 3 / 5;
    grid-row: 6 / 7;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: end;
    text-align: right;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-left {
    grid-column: 3 / 5;
    grid-row: 6 / 7;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end;
    text-align: right; }
  .layout-fithteen-grid .small-text-right {
    grid-column: 5 / 7;
    grid-row: 6 / 7;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: start;
    text-align: left;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-right {
    grid-column: 5 / 7;
    grid-row: 6 / 7;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start;
    text-align: left; }
  .layout-fithteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    letter-spacing: -10px;
    color: #70e9e2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (min-width: 960px) {
  .layout-fithteen-grid {
    display: grid;
    grid-template: repeat(6, auto)/repeat(6, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 40px 40px; }
  .layout-fithteen-grid .letter-m-first {
    grid-column: 2 / 2;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-first {
    grid-column: 4 / 4;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-m-secound {
    grid-column: 1 / 1;
    grid-row: 2;
    justify-self: end; }
  .layout-fithteen-grid .letter-u {
    grid-column: 2 / 2;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-s-first {
    grid-column: 3 / 3;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-first {
    grid-column: 4 / 4;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-first {
    grid-column: 5 / 5;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-a-first {
    grid-column: 6 / 6;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-s-secound {
    grid-column: 2 /2;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-secound {
    grid-column: 4 / 4;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-third {
    grid-column: 1 / 1;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-secound {
    grid-column: 2 / 2;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-fourth {
    grid-column: 3 / 3;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-secound {
    grid-column: 4 / 4;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-secound {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-third {
    grid-column: 2 / 2;
    grid-row: 6;
    justify-self: center; }
  .layout-fithteen-grid .small-text-left {
    grid-column: 3 / 5;
    grid-row: 5 / 7;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: end;
    text-align: right;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-left {
    grid-column: 3 / 5;
    grid-row: 5 / 7;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end;
    text-align: right; }
  .layout-fithteen-grid .small-text-right {
    grid-column: 5 / 7;
    grid-row: 5 / 7;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: start;
    text-align: left;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-right {
    grid-column: 5 / 7;
    grid-row: 5 / 7;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start;
    text-align: left; }
  .layout-fithteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    letter-spacing: -10px;
    color: #70e9e2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

@media only screen and (min-width: 1300px) {
  .layout-fithteen-grid h1 {
    line-height: 0.8em;
    font-size: 222px;
    letter-spacing: -10px; } }

@media only screen and (max-width: 641px) {
  .layout-fithteen-grid {
    display: grid;
    grid-template: repeat(6, auto)/repeat(6, 1fr);
    /* shortcut for setting rows then columns */
    grid-gap: 30px 40px; }
  .layout-fithteen-grid .letter-m-first {
    grid-column: 2 / 2;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-first {
    grid-column: 4 / 4;
    grid-row: 1;
    justify-self: center; }
  .layout-fithteen-grid .letter-m-secound {
    grid-column: 1 / 1;
    grid-row: 2;
    justify-self: end; }
  .layout-fithteen-grid .letter-u {
    grid-column: 2 / 2;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-s-first {
    grid-column: 3 / 3;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-first {
    grid-column: 4 / 4;
    grid-row: 2;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-first {
    grid-column: 5 / 5;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-a-first {
    grid-column: 6 / 6;
    grid-row: 2;
    justify-self: start; }
  .layout-fithteen-grid .letter-s-secound {
    grid-column: 2 /2;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-secound {
    grid-column: 4 / 4;
    grid-row: 3;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-third {
    grid-column: 1 / 1;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-i-secound {
    grid-column: 2 / 2;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-v-fourth {
    grid-column: 3 / 3;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-secound {
    grid-column: 4 / 4;
    grid-row: 4;
    justify-self: center; }
  .layout-fithteen-grid .letter-c-secound {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: center; }
  .layout-fithteen-grid .letter-a-third {
    grid-column: 2 / 2;
    grid-row: 6;
    justify-self: center; }
  .layout-fithteen-grid .small-text-left {
    grid-column: 1 / 7;
    grid-row: 6;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: start;
    text-align: left;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-left {
    grid-column: 1 / 7;
    grid-row: 6;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start;
    text-align: left; }
  .layout-fithteen-grid .small-text-right {
    grid-column: 1 / 7;
    grid-row: 7;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: start;
    text-align: left;
    margin-top: 30px; }
  .layout-fithteen-grid .small-print-right {
    grid-column: 1 / 7;
    grid-row: 7;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: start;
    text-align: left; }
  .layout-fithteen-grid h1 {
    line-height: 0.8em;
    font-size: 17.3vw;
    letter-spacing: -10px;
    color: #70e9e2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } }

.layout-fithteen-grid p {
  color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

.layout-fithteen-grid .uk-text-small {
  color: #fff;
  font-size: 0.6em; }

.bg-color-pink {
  background-color: #ff005c !important; }

@media only screen and (min-width: 641px) {
  .layout-sixteen-grid {
    display: grid;
    grid-template: repeat(10, auto)/120px minmax(200px, 220px) 1fr 1fr;
    /* shortcut for setting rows then columns */
    grid-gap: 10px 50px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .layout-sixteen-grid .first-text {
    grid-column: 3 / span 6;
    grid-row: 1;
    justify-self: start; }
  .layout-sixteen-grid .winfred-large-name {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-self: start; }
    .layout-sixteen-grid .winfred-large-name h1 {
      color: #ff2e00; }
  .layout-sixteen-grid .zillag-large-name {
    grid-column: 3 / 4;
    grid-row: 2;
    justify-self: start; }
    .layout-sixteen-grid .zillag-large-name h1 {
      color: #ff2e00; }
  .layout-sixteen-grid .winfred-small-name {
    grid-column: 2 / 3;
    grid-row: 3;
    justify-self: end; }
  .layout-sixteen-grid .winfred-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 3;
    justify-self: start; }
  .layout-sixteen-grid .armin-large-name {
    grid-column: 3 / span 6;
    grid-row: 4;
    justify-self: start; }
    .layout-sixteen-grid .armin-large-name h1 {
      color: #44a4da; }
  .layout-sixteen-grid .armin-small-text-01 {
    grid-column: 1 / 1;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .armin-small-text-02 {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .armin-small-name {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: end; }
  .layout-sixteen-grid .armin-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .walther-large-name {
    grid-column: 2 / 2;
    grid-row: 6;
    justify-self: start; }
    .layout-sixteen-grid .walther-large-name h1 {
      color: #6a33a1; }
  .layout-sixteen-grid .geiser-large-name {
    grid-column: 3 / 3;
    grid-row: 6;
    justify-self: start; }
    .layout-sixteen-grid .geiser-large-name h1 {
      color: #6a33a1; }
  .layout-sixteen-grid .walther-small-name {
    grid-column: 2 / 2;
    grid-row: 7;
    justify-self: end; }
  .layout-sixteen-grid .walther-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 7;
    justify-self: start; }
  .layout-sixteen-grid .roberto-large-name {
    grid-column: 2 / 2;
    grid-row: 8;
    justify-self: start; }
    .layout-sixteen-grid .roberto-large-name h1 {
      color: #33a16c; }
  .layout-sixteen-grid .gerhard-large-name {
    grid-column: 3 /3;
    grid-row: 8;
    justify-self: center; }
    .layout-sixteen-grid .gerhard-large-name h1 {
      color: #33a16c; }
  .layout-sixteen-grid .roberto-small-name {
    grid-column: 2 / 2;
    grid-row: 9;
    justify-self: end; }
  .layout-sixteen-grid .roberto-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 9;
    justify-self: start; }
  .layout-sixteen-grid .end-text-01 {
    grid-column: 2 / 2;
    grid-row: 10;
    justify-self: start; }
  .layout-sixteen-grid .end-text-02 {
    grid-column: 3 / 3;
    grid-row: 10;
    justify-self: start; }
  .layout-sixteen-grid h1 {
    line-height: 0.8em;
    font-size: 6vw;
    letter-spacing: -1px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-sixteen-grid p {
    color: #000 !important; } }

@media only screen and (min-width: 960px) {
  .layout-sixteen-grid {
    display: grid;
    grid-template: repeat(10, auto)/150px minmax(25vw, 200px) 1fr 1fr;
    /* shortcut for setting rows then columns */
    grid-gap: 10px 50px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: 8vh; }
  .layout-sixteen-grid .first-text {
    grid-column: 3 / span 6;
    grid-row: 1;
    justify-self: start; }
  .layout-sixteen-grid .winfred-large-name {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-self: start; }
    .layout-sixteen-grid .winfred-large-name h1 {
      color: #ff2e00; }
  .layout-sixteen-grid .zillag-large-name {
    grid-column: 3 / 4;
    grid-row: 2;
    justify-self: start; }
    .layout-sixteen-grid .zillag-large-name h1 {
      color: #ff2e00; }
  .layout-sixteen-grid .winfred-small-name {
    grid-column: 2 / 3;
    grid-row: 3;
    justify-self: end; }
  .layout-sixteen-grid .winfred-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 3;
    justify-self: start; }
  .layout-sixteen-grid .armin-large-name {
    grid-column: 3 / span 6;
    grid-row: 4;
    justify-self: start; }
    .layout-sixteen-grid .armin-large-name h1 {
      color: #44a4da; }
  .layout-sixteen-grid .armin-small-text-01 {
    grid-column: 1 / 1;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .armin-small-text-02 {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .armin-small-name {
    grid-column: 2 / 2;
    grid-row: 5;
    justify-self: end; }
  .layout-sixteen-grid .armin-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 5;
    justify-self: start; }
  .layout-sixteen-grid .walther-large-name {
    grid-column: 2 / 2;
    grid-row: 6;
    justify-self: start; }
    .layout-sixteen-grid .walther-large-name h1 {
      color: #6a33a1; }
  .layout-sixteen-grid .geiser-large-name {
    grid-column: 3 / 3;
    grid-row: 6;
    justify-self: start; }
    .layout-sixteen-grid .geiser-large-name h1 {
      color: #6a33a1; }
  .layout-sixteen-grid .walther-small-name {
    grid-column: 2 / 2;
    grid-row: 7;
    justify-self: end; }
  .layout-sixteen-grid .walther-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 7;
    justify-self: start; }
  .layout-sixteen-grid .roberto-large-name {
    grid-column: 2 / 2;
    grid-row: 8;
    justify-self: start; }
    .layout-sixteen-grid .roberto-large-name h1 {
      color: #33a16c; }
  .layout-sixteen-grid .gerhard-large-name {
    grid-column: 3 /3;
    grid-row: 8;
    justify-self: center; }
    .layout-sixteen-grid .gerhard-large-name h1 {
      color: #33a16c; }
  .layout-sixteen-grid .roberto-small-name {
    grid-column: 2 / 2;
    grid-row: 9;
    justify-self: end; }
  .layout-sixteen-grid .roberto-small-concert-decription {
    grid-column: 3 / 3;
    grid-row: 9;
    justify-self: start; }
  .layout-sixteen-grid .end-text-01 {
    grid-column: 2 / 2;
    grid-row: 10;
    justify-self: start; }
  .layout-sixteen-grid .end-text-02 {
    grid-column: 3 / 3;
    grid-row: 10;
    justify-self: start; }
  .layout-sixteen-grid h1 {
    line-height: 0.8em;
    font-size: 7vw;
    letter-spacing: -3px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-sixteen-grid p {
    color: #000 !important; } }

@media only screen and (min-width: 1300px) {
  .layout-sixteen-grid h1 {
    line-height: 0.8em;
    font-size: 94px;
    letter-spacing: -3px; } }

@media only screen and (max-width: 641px) {
  .layout-sixteen-grid .winfred-large-name h1 {
    color: #ff2e00; }
  .layout-sixteen-grid .zillag-large-name h1 {
    color: #ff2e00; }
  .layout-sixteen-grid .armin-large-name {
    grid-column: 3 / span 6;
    grid-row: 4;
    justify-self: start; }
    .layout-sixteen-grid .armin-large-name h1 {
      color: #44a4da; }
  .layout-sixteen-grid .walther-large-name h1 {
    color: #6a33a1; }
  .layout-sixteen-grid .geiser-large-name h1 {
    color: #6a33a1; }
  .layout-sixteen-grid .roberto-large-name h1 {
    color: #33a16c; }
  .layout-sixteen-grid .gerhard-large-name h1 {
    color: #33a16c; }
  .layout-sixteen-grid h1 {
    line-height: 0.8em;
    font-size: 10vw;
    letter-spacing: -1px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  .layout-sixteen-grid p {
    color: #000 !important; } }

.bg-color-cream {
  background-color: #e0dcc2 !important; }

@media only screen and (min-width: 641px) {
  .layout-seventeen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: minmax(150px, auto) minmax(40vh, auto) minmax(150px, auto) auto;
    grid-gap: 40px 40px; }
  .layout-seventeen-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1;
    z-index: 2; }
  .layout-seventeen-grid .first-image {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: center; }
    .layout-seventeen-grid .first-image img {
      border: 3vw solid white;
      margin-top: 2.5vh; }
  .layout-seventeen-grid .secound-text {
    grid-column: 2 / 5;
    grid-row: 2;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: end;
    text-align: right;
    z-index: 2; }
  .layout-seventeen-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 2;
    justify-self: start;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-seventeen-grid .fourth-text {
    grid-column: 3 / 5;
    grid-row: 3;
    justify-self: end; }
  .layout-seventeen-grid .fifh-text {
    grid-column: 2 / 6;
    grid-row: 3;
    justify-self: center;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-seventeen-grid h1 {
    line-height: 0.8em; } }

@media only screen and (min-width: 960px) {
  .layout-seventeen-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* fractional units mixed with fixed sizes */
    grid-template-rows: minmax(150px, auto) minmax(700px, auto) minmax(200px, auto) auto;
    grid-gap: 40px 40px; }
  .layout-seventeen-grid .first-text {
    grid-column: 1 / 5;
    grid-row: 1;
    z-index: 2; }
  .layout-seventeen-grid .first-image {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: start; }
    .layout-seventeen-grid .first-image img {
      border: 3vw solid white;
      margin-top: 2.5vh;
      max-height: 900px; }
  .layout-seventeen-grid .secound-text {
    grid-column: 3 / 5;
    grid-row: 2;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: end;
    text-align: right;
    z-index: 2; }
  .layout-seventeen-grid .third-text {
    grid-column: 1 / 5;
    grid-row: 2;
    justify-self: start;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-seventeen-grid .fourth-text {
    grid-column: 3 / 5;
    grid-row: 3;
    justify-self: end; }
  .layout-seventeen-grid .fifh-text {
    grid-column: 3 / 6;
    grid-row: 3;
    justify-self: start;
    -ms-flex-item-align: end;
    align-self: end; }
  .layout-seventeen-grid h1 {
    line-height: 0.8em; } }

.layout-seventeen-grid h1, .layout-seventeen-grid h2 {
  font-family: 'Expletus Sans', cursive;
  color: #ffd600; }