删除CSS中的标题，然后替换内容

Question

我正在编写媒体查询以调整页面上h2元素的大小。我希望旧的h2内容消失，然后将新内容放到原处。我有这个，但显示只是永久设置为“无”：

@media only screen and (max-width: 1360px) {
h2 {
    padding-top: 0;
    display: none;
}

h2:after {
    font-size: 1em;
    display: block;
    visibility: visible;
    content: "LoveLife. \A LoveCode"
}
} 

有什么想法可以在屏幕调整大小后重新显示吗？谢谢