#subtitle-wrp {
  display: flex;
  width: 100%;
  flex-direction: column;
}

#subtitle-title-wrp {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.subtitle-line {
  flex: 1;
}

h2 {
  font-size: 3em;
  font-family: BogartBoldItalic;
  overflow-wrap: break-word;
  line-height: 1.35;
  text-align: center;
  text-overflow: ellipsis;
  padding: 0px 20px;
  max-width: calc(80vw - var(--side-padding));
  margin: 0px;
}

@media only screen and (max-width: 625px) {
  h2 {
    font-size: 2.7em;
  }
}

@media only screen and (max-width: 535px) {
  h2 {
    font-size: 2.4em;
  }
}

@media only screen and (max-width: 440px) {
  h2 {
    font-size: 2.3em;
  }
}


.subtitle-txt {
  font-size: 1.4em;
  font-family: RobotoMedium;
  overflow-wrap: break-word;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  max-width: 90%;
  margin: 50px auto;
  margin-bottom: 0px;
}