@media only screen and (max-width: 767px) {
  .ytp-Hero .ytp-Hero_Title {
    font-size: 36px;
  }

  .ytp-Hero .sec-Content_TitleText:not(.ytp-Hero_Title) {
    font-size: 14px;
  }

  .ytp-Hero .sec-Content_Buttons {
    grid-template-columns: repeat(12, 1fr);

    display: grid;
  }

  .ytp-Hero .sec-Hero_Content .sec-Content_Button {
    grid-column: 4 / span 6;
  }
}