body {
  background-color: rgb(36, 36, 36);
  font: 300 1.25em/1.38 'Josefin Slab';
  color: rgb(188, 188, 188);
}

.text {
  float: left;
  min-height: 120px;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: rgb(188, 188, 188);
}

.text-1 {
  margin: 117px 0 0 38.76302%;
}

.text-2 {
  clear: both;
  width: 39.1833333333%;
  margin: 7px 0 0 30.39974%;
}

.text span {
  color: rgb(210, 210, 210);
}

.text-1 span {
  font-size: 4.5em;
  font-weight: inherit;
}

@media(max-width: 980px) {
  .text-1 {
    width: 39.1428571428%;
    margin-top: 124px;
    margin-left: 30.42411%;
  }

  .text-2 {
    margin-top: 0;
    margin-left: 30.39222%;
  }

  .text-1 span {
    font-size: 3em;
  }
}

@media(max-width: 768px) {
  body {
    font-size: 1.25em;
  }

  .text-1 {
    margin-left: 30.42399%;
  }

  .text-2 {
    width: 52.8645833333%;
    margin-left: 23.56771%;
  }
}

@media(max-width: 480px) {
  .text {
    width: 80%;
    margin-left: 10%;
  }
}