ヘッダーリストを右寄せしたい。

前提・実現したいこと

・li要素の一部色変えをしたいです。

発生している問題・エラーメッセージ

・li要素の一部色変え
下部のその他メニュー（class名「other」）について、
li要素の一部にクラスをつけています。（class名「title」）
こちらのCSSについて、
paddingなどは反応しているのですが、なぜか色変えの「color」だけ
適用されません。

該当のソースコード

html
1<div class="other">
2        <div class="line">
3          <ul>
4            <li class="title">Airbnb</li>
5            <li>採用情報</li>
6            <li>ニュース</li>
7            <li>ポリシー</li>
8            <li>ヘルプ</li>
9            <li>ダイバーシティ&ビロンギング</li>
10            <li>アクセシビリティ対応<span>新着</span></li>
11            <li>企業情報</li>
12          </ul>
13        </div>
14        <div class="line">
15          <ul>
16            <li class="title">スタッフのおすすめ</li>
17            <li>信頼&安全</li>
18            <li>友達を招待する</li>
19            <li>Airbnb Citizen</li>
20            <li>出張</li>
21            <li>アクティビティ</li>
22            <li>アクセシビリティ対応<span>新着</span></li>
23            <li>Airbnbmag</li>
24          </ul>
25        </div>
26        <div class="line">
27          <ul>
28            <li class="title">ホスティング</li>
29            <li>ホストになる理由</li>
30            <li>ホストに招待</li>
31            <li>おもてなしの心</li>
32            <li>ホストの責任</li>
33            <li>コミュニティセンター</li>
34            <li>体験を掲載<span>新着</span></li>
35            <li>オープンホーム</li>
36          </ul>
37        </div>
38        <div class="line">
39          <ul>
40            <li><i class="fab fa-facebook-f"></i><i class="fab fa-twitter"></i><i class="fab fa-instagram"></i></li>
41            <li>利用規約</li>
42            <li>プライバシー</li>
43            <li>サイトマップ</li>
44          </ul>
45        </div>
46      </div>

css
1
2.container{
3  margin:0 auto;
4  width:70%;
5}
6
7li{
8  list-style: none;
9}
10
11.other{
12  width:100%;
13  border-bottom: 1px solid #c0c0c0;
14  display: flex;
15}
16
17.line{
18  width:20%;
19  padding:40px 10px 10px 10px;
20  float:left;
21}
22
23.line li{
24  color:#606060;
25  font-weight: bold;
26  font-size:14px;
27}
28
29.line li:hover{
30  text-decoration: underline;
31  cursor: pointer;
32}
33
34.title{
35  color:black;
36  font-weight: bold;
37  padding:0 0 10px 0;
38  border:none;
39  cursor:normal;
40}
41
42.line span{
43  background-color: #2e8b57;
44  color:white;
45    border-radius: 3px;
46      margin:0 0 0 5px;
47      padding:0 5px 0 5px;
48}
49
50.fab{
51  padding:0 10px 15px 10px;
52}
53

試したこと

class名を固有のものにしました。

補足情報（FW/ツールのバージョンなど）

また、こちらのデータをCyberduckにてUPしたところ、
データが古い状態でした。反映まで時間がかかるのでしょうか？
FTPの常識などでしたら、すいませんが、
あわせて教えていただけると幸いです。

iss

2019/11/20 08:59 編集

コードごとダウンロードさせて・調べさせて・直させて－だとただの丸投げになっています。質問をいくつかに分けて、該当コードだけを記載する形式にしたほうが回答がつくと思います。他人が貼ったURLは、リテラシーのある人であれば簡単にクリックしませんし、ましてやZIPをダウンロードとなると、警戒しなければいけないリスクが大きすぎて、このままだとソースまでたどり着く人が居ないと思います。