/* Text Elements */

h1.heading-1 {
  position: relative;
  text-align: center;
  font-weight: 700;
  font-size: 41px;
}

h1.heading-2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 48px;

  -webkit-text-stroke-color: #1830a3;
}

h1.heading-3 {
  text-align: center;
  font-weight: 700;
  font-size: 48px;
}

h1.heading-4 {
  text-align: center;
  font-weight: 700;
  font-size: 48px;
}

h1.heading-5 {
  text-align: center;
  font-weight: 700;
  font-size: 48px;
}

h1.heading-6 {
  text-align: center;
  font-weight: 700;
  font-size: 48px;
}

h1.heading-7 {
  text-align: center;
  font-weight: 700;
  font-size: 48px;
}

h1.heading-8 {
  font-size: 35px;
}

h1.heading-9 {
  font-size: 35px;
}

p.paragraph.paragraph-1 {
  font-size: 22px;
}

p.paragraph.paragraph-3 {
  font-size: 20px;
}

p.paragraph.paragraph-4 {
  font-size: 19px;
}

p.paragraph.paragraph-5 {
  font-weight: 500;
  font-size: 25px;
}

p.paragraph.paragraph-6 {
  font-size: 27px;
}

p.paragraph.paragraph-7 {
  font-size: 22px;
}

p.paragraph.paragraph-2 {
  font-size: 21px;
}

p.paragraph.paragraph-8 {
  font-size: 20px;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-2 {
  font-style: italic;
}

p.paragraph.paragraph-9 {
  font-size: 21px;
}

/* Interaction Elements */

a.link-button.button {
  font-size: 16px;
}

/* Layout Elements */

.container.container-1 {
  background-image: -webkit-linear-gradient(296deg, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:    -moz-linear-gradient(296deg, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:      -o-linear-gradient(296deg, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:         linear-gradient(154deg, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: repeat;

  background-blend-mode: normal;
}

div.responsive-picture.picture-1 {
  display: inline;
  max-height: 100%;
  width: auto;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-image:         linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(0, 210, 255, 1) 33%, rgba(43, 71, 225, 1) 66%, rgba(29, 30, 33, .5) 100%);
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: repeat;
  opacity: 1;

  background-blend-mode: normal;
}

div.responsive-picture.picture-1 > picture > img {
  -o-object-fit: fill;
     object-fit: fill;
}

.html-element.html-element-1 {
  text-align: center;
  word-spacing: 0;
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
}

a.responsive-picture#picture-link-1 {
  position: relative;
  right: auto;
  display: block;

  justify-self: center;
  grid-area: elementArea;
}