.body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #000;
  -o-object-fit: fill;
  object-fit: fill;
}

.desktop {
  width: 100%;
  height: 100%;
  max-width: none;
}

.text-block {
  position: fixed;
  left: 0%;
  top: 20%;
  right: 0%;
  bottom: auto;
  font-family: 'Changa One', Impact, sans-serif;
  color: #fff;
  font-size: 140px;
  line-height: 140px;
  text-align: center;
}

.tablet {
  display: none;
  width: 100%;
  height: 100%;
  max-width: none;
}

.phone {
  display: none;
  width: 100%;
  height: 100%;
  max-width: none;
}

.text-block-desktop {
  position: fixed;
  left: 0%;
  top: 20%;
  right: 0%;
  bottom: auto;
  font-family: 'Changa One', Impact, sans-serif;
  color: #fff;
  font-size: 140px;
  line-height: 140px;
  text-align: center;
}

.text-block-phone {
  position: fixed;
  left: 0%;
  top: 20%;
  right: 0%;
  bottom: auto;
  display: none;
  font-family: 'Changa One', Impact, sans-serif;
  color: #fff;
  font-size: 140px;
  line-height: 140px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .desktop {
    display: none;
  }
  .text-block {
    top: 20%;
    font-size: 100px;
    line-height: 100px;
  }
  .tablet {
    display: block;
  }
  .text-block-desktop {
    top: 20%;
    display: none;
    font-size: 100px;
    line-height: 100px;
  }
  .text-block-phone {
    top: 20%;
    display: block;
    font-size: 100px;
    line-height: 100px;
  }
}

@media screen and (max-width: 479px) {
  .tablet {
    display: none;
  }
  .phone {
    display: block;
  }
  .text-block-desktop {
    display: none;
  }
}