.div-block {
  background-color: #0a2114;
  background-image: linear-gradient(#0a2114c9, #0a2114c9), url('../images/Lupa-LMA.png'), url('../images/svgviewer-png-output-3.png');
  background-position: 0 0, 160% 100%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, contain, auto;
  width: 100dvw;
  height: 100dvh;
}

.container {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.image {
  width: 150px;
}

.text-block {
  color: #fff;
  text-align: center;
  font-size: 4em;
  font-weight: 600;
  line-height: 1;
}

.image-2 {
  width: 250px;
}

.div-block-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 4em;
  display: flex;
}

.body {
  font-family: Crimson Pro, sans-serif;
}

.italic-text {
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  .div-block {
    background-image: linear-gradient(to bottom, null, null), url('../images/Lupa-LMA.png'), url('../images/svgviewer-png-output-3.png');
    background-position: 0 0, 160% 100%, 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .text-block {
    font-size: 4em;
  }
}

@media screen and (max-width: 479px) {
  .div-block {
    background-image: linear-gradient(#0a2114db, #0a2114db), url('../images/Lupa-LMA.png'), url('../images/svgviewer-png-output-3.png');
    background-position: 0 0, 200% 60%, 10px 0;
  }

  .text-block {
    font-size: 3em;
  }

  .div-block-2 {
    min-height: 480px;
    padding-left: 2em;
    padding-right: 2em;
  }
}


