レスポンシブデザインでwidthが指定できない

模写初心者です。
今、蒼乃建設さんのホームページを模写させてもらっていて、レスポンシブデザインをしようと思ったところなぜかwidth:100％；にしても画面いっぱいに広がりませんでした。自分で調べて!important や　viewport!も確認してみましたが間違いが見つからなかったので質問させてもらいました。

html
1<!DOCTYPE html>
2<html>
3  <head>
4      <meta charset="utf-8">
5      <title>蒼乃建設</title>
6      <link rel="stylesheet" href="stylesheet.css">
7      <meta name="viewport" content="width=device-width,initial-scale=1">
8  </head>
9  <body>
10    <header>
11      <div class="container">
12        <div class="header-title">
13          <div class="header-logo">
14            <img src="img/header_logo (1).png">
15          </div>
16          <div class="header-nav">
17            <a href="#">企業理念</a> 
18            <a href="#">施工事例</a> 
19            <a href="#">採用情報</a> 
20            <a href="#">お問い合わせ</a>
21          </div>
22        </div>
23        <div class="header-icon">
24          <h1>街を作る。未来を作る。</h1>
25        </div>
26      </div>
27    </header>
28    <div class="news">
29      <div class="container">
30        <h2>お知らせ</h2>
31        <ul>
32          <li>
33            <a href="#">
34              2020.11.17
35              <span>お知らせ</span>
36              本社打合せ室が完成しました。
37            </a>
38          </li>  
39          <li>
40            <a href="#">
41              2020.11.10
42              <span>お知らせ</span>
43             【メディア掲載】住宅雑誌 2020年11月号
44            </a>
45          </li>  
46          <li>
47           <a href="#">
48            2020.11.01
49            <span>お知らせ</span>
50            ホームページが完成しました。
51           </a>
52          </li>
53        </ul>
54      </div>
55    </div> 
56    <div class="exe">
57      <div class="container">
58        <h2>施工事例</h2>
59        <div class="exe-sum">
60          <div class="exe1">
61            <img src="img/building1.png">
62            <h3 class="exe-name">M様邸新築工事</h3>
63            <p class="exe-prefecture">埼玉県</p>
64            <a class="btn" href="#">
65              <img src="img/more.png">
66            </a> 
67          </div> 
68          <div class="exe2"> 
69            <img src="img/building2.png">
70            <h3 class="exe-name">スカイビル</h3>
71            <p class="exe-prefecture">東京都</p>
72            <a class="btn" href="#">
73              <img src="img/more.png">
74            </a> 
75          </div>
76        </div>
77        <div class="empty">
78          <a href="#">施工実績一覧</a>
79        </div>
80      </div>
81    </div>
82    <div class="contact-form">
83      <a href="#">
84       <img src="img/company.png"> 
85      </a>
86      <a href="#">
87       <img src="img/recruit.png"> 
88      </a> 
89      <a href="#">
90       <img src="img/contact.png">
91      </a>
92    </div>
93    <footer>
94      <div class="container">
95        <div class="footer-main">
96          <div class="footer-logo">
97            <img src="img/footer_logo.png">
98          </div>
99          <div class="footer-nav">
100            <a hre="#">企業理念</a>  
101            <a hre="#">施工事例</a>  
102            <a hre="#">採用情報</a>  
103            <a hre="#">お問い合わせ</a>
104          </div>
105        </div>       
106        <p>Copyright © 2020 Aono Corporation.</p>
107      </div>  
108    </footer>
109  </body>
110</html>

css
1@charset "utf-8";
2
3* {
4	margin: 0;
5	padding: 0;
6}
7
8body {
9	background:#FFF url(../img/share/bg.gif) no-repeat left top;
10	font-family:"ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, sans-serif;
11	font-size:80%;
12	width: 100%;
13}
14
15.container {
16  width: 95%;
17  margin: 0 auto;
18}
19
20header {
21  background-image:url(img/main.png);
22  background-size: cover;
23	background-position-y: 50%; 
24  height: 704px;
25	position: relative;
26}
27
28.header-title {
29	height: 90px;
30	padding-top: 30px;
31}
32
33.header-logo {
34	float: left;
35}
36
37.header-logo img {
38	height: 60px;
39}
40
41.header-nav {
42	float: right;
43	font-size: 18px;
44}
45
46.header-nav a {
47	color: #000;
48	text-decoration: none;
49	margin: 0 15px;
50}
51
52.header-icon h1 {
53	font-size: 48px;
54	color: #000;
55	text-align: center;
56	width: 100%;
57	position: absolute;
58	top: 50%;
59	left: 50%;
60	transform: translate(-50%);
61  font-size: 48px;
62}
63
64.news {
65	padding: 90px;
66}
67
68.news h2 {
69	text-align: center;
70	font-size: 38px;
71	margin-bottom: 60px;
72}
73
74ul {
75	list-style: none;
76}
77
78li {
79	padding: 30px 0;
80	border-bottom: 1px solid #000;
81	width: 700px;
82	margin: 0 auto;
83}
84
85li a {
86	display: inline-block;
87	text-align: center;
88	font-size: 18px;
89	text-decoration: none;
90	color: #000;
91}
92
93li a:hover {
94	opacity: 0.6;
95}
96
97span {
98	display: inline-block;
99	border: 1px solid #000;
100	padding: 5px 8px;
101	margin: 0 30px;
102	font-size: 11px;
103}
104
105.exe {
106	width: 100%;
107	padding: 90px 0;
108}
109
110.exe .container {
111	height:696px;
112}
113
114.exe h2 {
115	font-size: 38px;
116	text-align: center;
117	margin-bottom: 90px;
118}
119
120.exe-sum {
121	display: flex;
122	text-align: center;
123}
124
125.exe1 {
126	float: left;
127	width: 50%;
128}
129
130.exe1 img {
131	width: 80%;
132}
133
134.exe-name {
135	text-align: center;
136	font-size: 24px;
137	margin-top: 30px;
138}
139
140.exe-prefecture {
141	text-align: center;
142}
143
144.exe2 {
145	float: right;
146	width: 50%;
147}
148
149.exe2 img {
150	width: 80%;
151}
152
153.btn img {
154	margin-top: 20px;
155	width: 300px;
156}
157
158.empty {
159	display: block;
160	margin-top: 80px;
161	text-align: center;
162}
163
164.empty a {
165	color: #000;
166	text-decoration: none;
167	font-size: 20px;
168	padding: 12px 40px;
169	border: 1px solid #000;
170}
171
172.empty a:hover {
173	opacity: 0.6;
174}
175
176.contact-form {
177	padding: 90px 0;
178}
179
180.contact-form img {
181	float: left;
182	width: calc(100%/3);
183	height: 450px;
184}
185
186.contact-form img:hover {
187	opacity: 0.6;
188}
189
190footer {
191	clear: both;
192	background-color: #000;
193	height: 180px;
194	color: white;
195}
196
197.footer-main {
198	height: 70px;
199	padding-top: 30px;
200	margin-bottom: 60px;
201}
202
203.footer-logo {
204	float: left;
205}
206
207.footer-logo img {
208	height: 40px;
209}
210
211.footer-nav {
212	float: right;
213	font-size: 18px;
214	text-decoration: none;
215}
216
217.footer-nav a {
218	margin-left: 50px;
219}
220
221footer p {
222	text-align: center;
223}
224
225@media (max-width: 960px) {
226	body {
227		width: 100%;
228	}
229}
230