/* Text Elements */

h1.heading-1 {
  position: relative;
  top: auto;
  color: #fff;
  text-align: center;
}

h2.heading-2 {
  position: relative;
  top: 50px;
  color: #fff;
  text-align: center;
}

/* Layout Elements */

body.body-1 {
  background-color: #010101;
}

.container.container-1 {
  position: relative;
  top: 100px;
  right: auto;
  left: auto;
}

a.responsive-picture.picture-link-1 > picture > img {
  -o-object-fit: fill;
     object-fit: fill;
}

a.responsive-picture.picture-link-1 {
  position: relative;
  right: 25%;
  left: 25%;
  width: 50%;
}

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

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

  a.responsive-picture.picture-link-1 {
    right: auto;
    left: auto;
    width: 100%;
  }
}

@media screen and (max-width: 22.5rem) {
  a.responsive-picture.picture-link-1 {
    right: auto;
    left: auto;
    width: 100%;
  }
}