/* Text Elements */

h1.heading-page-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  text-shadow: #000 2px 2px 0;
  letter-spacing: -1px;
  font-weight: 500;
  font-size: 48px;
  font-family: 'Inter', sans-serif;
  line-height: 1.2;
}

h1 span.heading-text-2 {
  font-size: 2.1875rem;
}

/* Layout Elements */

.container.hero-page-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  min-height: 100vh;
  background-color: #000;
  background-image: url('../pictures/underconstruction_Mesa%20de%20trabajo%201-01.svg');
  background-attachment: scroll;
  background-position: left center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  background-blend-mode: normal;
  -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;
}

.container.container-text-page-1 {
  padding: 96px;
  max-width: 600px;
}

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

  h1 span.heading-text-2 {
    font-weight: 300;
    font-size: 2rem;
  }
}

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

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

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

  .container.container-text-page-1 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .container.hero-page-1 {
    background-position: 25% center;
    background-size: cover;
  }
}

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

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

  /* Layout Elements */

  .container.container-text-page-1 {
    padding-right: 48px;
    padding-left: 48px;
  }
}

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

  h1.heading-page-1 {
    font-size: 32px;
    line-height: 1.1;
  }
}