footerを最下部に表示させたい

レスポンシブ対応にしたく、2カラムのレイアウトをflex-direction:columで縦一列にしたものの、footerが真ん中ぐらいに表示され困っています。。

前です↑

レスポンシブ後です↑
asideとfooterが重なってるみたいです。

わかりずらく申し訳ありません。

HTML
1 <aside>
2        <!-- menu -->
3        <ul class="menu pt">
4            <li class="menu_heading menu_list">Menu</li>
5            <a href="index.html"><li class="menu_list">メニュー</li></a>
6            <a href="index.html"><li class="menu_list">メニュー</li></a>
7            <a href="index.html"><li class="menu_list">メニュー</li></a>
8        </ul>
9
10        <div class="block2">
11        <ul class="menu_2">
12            <li class="menu_heading menu_list">Menu</li>
13            <a href="index.html"><li class="menu_list">メニュー</li></a>
14            <a href="index.html"><li class="menu_list">メニュー</li></a>
15            <a href="index.html"><li class="menu_list">メニュー</li></a>
16        </ul>
17    </div><!--end .block2 -->
18
19    <!-- contents -->
20    <div class="contents_box">
21    <ul class="menu pt">
22        <li class="menu_heading menu_list">製品情報</li>
23        <a href="index.html"><li class="menu_list">
24            <div class="contents_des">
25            <img src="./imgs/clip.jpg" alt="" >
26            <span class="font_c_blue">製品情報</span><br>
27        簡単な説明をここに入れます</div><!--end .contents_des -->
28    </li></a>
29
30        <a href="index.html"><li class="menu_list">
31            <div class="contents_des">
32                <img src="./imgs/clip.jpg" alt="" >
33            <span class="font_c_blue">製品情報</span><br>
34            簡単な説明をここに入れます
35        </div><!--end .contents_des -->
36        </li></a>
37
38        <a href="index.html"><li class="menu_list">
39            <div class="contents_des">
40                <img src="./imgs/clip.jpg" alt="" >
41            <span class="font_c_blue">製品情報</span><br>
42            簡単な説明をここに入れます
43        </div><!--end .contents_des -->
44        </li></a>
45    </ul>
46</div><!--end .contents_box -->
47
48    <div class="block2">
49        <div class="contents_box">
50            <ul class="menu pt">
51                <li class="menu_heading menu_list">製品情報</li>
52                <a href="index.html"><li class="menu_list">
53                    <div class="contents_des">
54                    <img src="./imgs/clip.jpg" alt="" >
55                    <span class="font_c_blue">製品情報</span><br>
56                簡単な説明をここに入れます</div><!--end .contents_des -->
57            </li></a>
58        
59                <a href="index.html"><li class="menu_list">
60                    <div class="contents_des">
61                        <img src="./imgs/clip.jpg" alt="" >
62                    <span class="font_c_blue">製品情報</span><br>
63                    簡単な説明をここに入れます
64                </div><!--end .contents_des -->
65                </li></a>
66        
67                <a href="index.html"><li class="menu_list">
68                    <div class="contents_des">
69                        <img src="./imgs/clip.jpg" alt="" >
70                    <span class="font_c_blue">製品情報</span><br>
71                    簡単な説明をここに入れます
72                </div><!--end .contents_des -->
73                </li></a>
74            </ul>
75</div><!--end .block2 -->
76<div class="operation">
77<ul class="menu pt">
78    <li class="menu_heading menu_list">運営</li>
79   <li>
80    <span class="bold">株式会社SAMPLE COMPANY</span>
81 
82    東京都XX区XXXXビル3F<br>
83    TEL:03-0000-0000<br>
84    (AM9:00〜PM5:00 土日祝休み)
85   </li>
86</ul>
87</div><!--end .Operation -->
88    </aside>
89    </div><!--end .all_wrapper -->
90   </main><!--end #home -->
91
92   <footer id="footer">
93       <p><small>Copyright© <a href="index.html">SAMPLE COMPANY</a> All Rights Reserved. </small></p>
94        <a href="index.html">《Web Design:Template-Party》</a>
95    </footer><!--end #footer -->

CSS
1  .all_wrapper{
2        display: flex;
3        justify-content: space-around;
4        .left_block{
5            width: 70%;
6        }
7        @media(max-width:767px) {
8            &{
9                flex-direction: column;
10            }
11            .left_block{
12                width: 100%;
13            }
14        }
15    }
16  // サイドバー
17    aside{
18        width: 20%;
19        background-color: #e7e7e7;
20        height: 160px;
21        margin-top: 15px;
22        .menu{
23            margin-left: 7px;
24            padding: 7px;
25            color: gray;
26            .menu_heading{
27                padding: 15px 0;
28                background:linear-gradient(#fff, #eee);
29                border: 2px solid #e7e7e7;
30                border-top: 5px solid blue;
31                padding-left: 5px;
32            }
33            .menu_list{
34                background-color: rgba(255,255,255,.2);
35                transition: all .3s ease;
36                    &:hover{
37                    background-color: rgba(255,255,255,1);
38                    color: blue;
39                    }
40            }
41            a{
42            display: block;
43            &:nth-child(1n){
44                padding-left: 10px;
45                border-bottom: 1px solid gray;
46                padding-bottom: 4px;
47                margin-bottom: 4px;
48            }
49        }
50        
51            }
52            .block2{
53                height: 160px;
54                margin-top: 15px;
55                .menu_2{
56                    color: gray;
57                    .menu_heading{
58                        padding: 15px 0;
59                        background:linear-gradient(#fff, #eee);
60                        border: 2px solid #e7e7e7;
61                        border-top: 5px solid blue;
62                        padding-left: 5px;
63                    }
64                    .menu_list{
65                        background-color: rgba(255,255,255,.2);
66                        transition: all .3s ease;
67                            &:hover{
68                            background-color: rgba(255,255,255,1);
69                            color: blue;
70                            }
71                    }
72                    a{
73                    display: block;
74                    &:nth-child(1n){
75                        padding-left: 10px;
76                        border-bottom: 1px solid gray;
77                        padding-bottom: 4px;
78                        margin-bottom: 4px;
79                    }
80                }
81                }
82        }
83        .contents_box{
84            background-color: #e7e7e7;
85            height: 240px;
86            margin-top: 15px;
87            font-size: 1px;
88            // display: flex;
89            img{
90                display: inline-block;
91                width: 40px;
92                height: 10%;
93                padding-top: 4px;
94            }
95            .contents_des{
96                margin-top: 5px;
97                .font_c_blue{
98                    color: #113DE4;
99                }
100                .img_block{
101                    float: left;
102                }
103            }
104        }
105        .block2{
106           .contents_box{
107            background-color: #fff;
108            .menu{
109                padding: 0;
110                margin: 0;
111            }
112            img{
113                float: left;
114                padding-top: 0;
115                margin-right: 5px;
116            }
117            .contents_des{
118                margin-bottom: 7px;
119                margin-top: 7px;
120            }
121           }
122        }
123        .operation{
124            .menu{
125            background-color: #e7e7e7;    
126            font-size: .5rem;
127            .menu_heading{
128                font-weight: bold;
129                font-size: 1rem;
130            }
131            li{
132                text-align: center;
133                .bold{
134                    display: block;
135                    font-weight: bold;
136                    padding: 5px 0;
137                    font-size: 0.8rem;
138                    color: #333;
139                }
140                &.menu_list{
141                    text-align: left;
142                    font-weight: bold;
143                }
144            }
145            }
146        }
147        @media (max-width:767px) {
148            &{
149                width: 100%;
150                // padding: 0 3%;
151            }
152        }
153    }
154
155 #footer{
156        height: 70px;
157        background-color: blue;
158        color: #eee;
159        text-align: center;
160        p{
161            font-size: .2rem;
162            padding-top: 15px;
163        }
164        a{
165            color:#eee;
166            font-size: 0.1rem;
167            transition: all .5s ease;
168            &:hover{
169                opacity: 0;
170            }
171        }
172        @media (max-width:767px) {
173        
174        }
175    }