Twitter bootstrap 在引导中调整h1在768px下的大小

我在一行中有一个h1标题，在标题的左右两侧都有一个很棒的字体标记引号。我希望在屏幕低于768px时调整大小。因此，我：

@媒体屏幕和（最大宽度：768px）{
h1{
字号：10pt；
}
}
.标题，
h1{
字体大小：400；
文本对齐：居中；
字号：20pt；
}
.fa左引号{
位置：相对位置；
左：-20px；
顶部：15px；
}
足总报价权{
位置：相对位置；
左：-90px；
顶部：15px；
}

这是h1，我想调整大小，但不会。AgagagageKeifjiejfiefjeifjeifjeifje请尝试使用em。默认选项后必须定义媒体查询。无论屏幕大小如何，媒体查询都会被覆盖。
当窗口调整大小时，您希望如何显示，因为我可以看到它正在调整大小。它正在调整大小，但是我的标记引号断开了，所以我希望字体更小，而不是断开H1中的单词。我在custom.css中对导航栏进行了另一个媒体查询。h1媒体查询是最重要的…我需要在哪里定义它？确保您的媒体查询是最后一个定义的CSS规则来更改h1字体。