Оформление заголовка <h1>

Оформление заголовка, объёмный текст с помощью CSS3

HTML

<header class="Header">
  <h1 class="Title">
    Каталог Крыма
    <div class="Title-sub">сделано с любовью</div>
  </h1>
  <div class="Header-sub SubHead">В состоянии постоянного подключения...</div>
</header>

CSS

@import url("https://fonts.googleapis.com/css?family=Kanit:800|Marck+Script");
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  color: #222;
  font-size: 1.6rem;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #53e3a6;
  background-image: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
}

.Header {
  text-align: center;
}

.Header-sub {
  opacity: 0.4;
}

.Title {
  font-size: 50px;
  font-size: 15vw;
  color: #5fd1b4;
  font-family: 'Kanit', Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.7;
  text-transform: uppercase;
  position: relative;
  margin: 0.2em;
  text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.08);
  filter: drop-shadow(0.045em 0.045em 0.04em rgba(0, 0, 0, 0.21));
}
@media (max-width: 480px) {
  .Title {
    font-size: 72px;
  }
}
@media (min-width: 840px) {
  .Title {
    font-size: 126px;
  }
}

.Title-sub {
  color: #fff;
  font: 200 0.45em/1 "Marck Script", serif;
  text-transform: none;
  letter-spacing: 0.02em;
  text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  mix-blend-mode: overlay;
}

.SubHead {
  font-size: 12px;
  font-size: 1.5vw;
  color: inherit;
  font-weight: bold;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
@media (max-width: 666.66667px) {
  .SubHead {
    font-size: 10px;
  }
}
@media (min-width: 800px) {
  .SubHead {
    font-size: 12px;
  }
}