vwでのフォントサイズが変更できません。

warningクラスを指定したもののフォントサイズをvwで小さくしたいのですが
数値を変えても小さくなりません。
お力添えをお願いいたします。

html
1<div id="menu">
2            <img class="menuImg" src="../img/menu.PNG" alt="menu-paper">
3                <h1 class="menu-title animated">Menu</h1>
4                    <div id="cut" class="animated">
5                        <h2>CUT</h2>
6                        <p><span class="jp">シャンプー&ブローなし</span> <span>¥2200</span> </p>
7                        <p><span class="jp">シャンプー&ブローあり</span> <span> ¥4200</span></p>
8                        <p class="warning jp">
9                        <span>※シャンプー&ブローありご希望な場合は、予約時にお伝え下さい。</span><br>
10                        <span>※シャンプー&ブローなしご希望な場合は、整髪料など付けないでご来店下さい。</span>
11                        </p>
12                    </div>
13
14                    <div id="color">
15                            <div id="dye-young" class="animated">
16                                <h2>COLOR</h2>
17                                    <p class="jp">【おしゃれ染め】</p>
18                                    <p><span class="type">SHORT&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="price">¥6000</span></p>
19                                    <p><span class="type">MEDIUM</span><span class="price">¥6500</span></p>
20                                    <p><span class="type">LONG&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="price">¥7000</span></p>
21                            </div>
22
23                            <div id="dye-elder" class="animated">
24                                    <p class="jp">【白髪染め】</p>
25                                    <p><span class="type">SHORT&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="price">¥5000</span></p>
26                                    <p><span class="type">MEDIUM</span><span class="price">¥5500</span></p>
27                                    <p><span class="type">LONG&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="price">¥6000</span></p>
28                                    <p><span class="type warning jp">＋1000円でダメージの少ない薬剤に変更可能</span></p>
29                                    <p><span class="warning jp">※肌が弱い方、髪をなるべく痛ましたくない方にオススメです。</span></p>
30                            </div>
31                    </div>
32        </div>
33

css
1/* メニュー */
2#menu{
3    color:#311204;
4    text-align: center;
5    font-size: 2vw;
6    width: 100vw;
7    max-width: 100%;
8    position: relative;
9    font-family: 'Caveat', cursive;
10}
11
12
13
14#menu img{
15    width: 100vw;
16    max-width: 100%;
17    padding: 9%;
18}
19
20.menu-title{
21    position: absolute;
22    font-size: 10vw;
23    left: 50%;
24    top: 17%;
25    transform: translate(-50%,-50%);
26    font-family: 'Caveat', cursive;
27
28}
29
30#menu p{
31    font-size: 1.5625vw;
32}
33
34#cut{
35    position: absolute;
36    text-align: left;
37    font-size: 0.9375vw;
38    left: 43%;
39    top: 33%;
40    transform: translate(-50%,-50%);
41}
42
43
44#dye-young{
45    position: absolute;
46    text-align: left;
47    font-size: 2vw;
48    left: 43%;
49    top: 65%;
50    transform: translate(-50%,-50%);
51}
52
53#dye-elder{
54    position: absolute;
55    text-align: left;
56    font-size: 2vw;
57    left: 43%;
58    top: 51%;
59    transform: translate(-50%,-50%);
60
61}
62
63#menu h2{
64    font-size: 6vw;;
65}
66
67
68
69.jp{
70    font-family: 'Noto Serif JP', serif;
71}
72
73#menu .warning{
74    font-size: 0.3125vw;
75}
76