bootstrap使用時、テキストと画像が中央に寄らない、bgが途中で途切れるのを解消したい

前提・実現したいこと

・テキストと画像を完全な中央に寄せたい
・backgroundをパソコン画面でも途切れないようにしたい

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

Bootstrapを使っていたところ以下の問題が発生しました。
・テキストと画像が完全な中央で寄らず、少し中央からずれている。
・bgで設定した背景がパソコン画面になると両端に余白ができてしまう。

該当のソースコード

html
1<section>
2         <div class="container">
3           <h3 class="font-weight-bold text-center text-sm-left my-4 py-3">PRODUCT
4             <span class="more"><a href="#"
5               class="btn btn-outline-secondary d-none d-sm-block" role="button">
6               MORE</a></span></h3>
7           <div class="products row d-md-flex justify-content-md-around">
8             <div class="product col-md-4 row text-center" >
9               <div class="col-sm-6 col-md-12 pb-sm-3"><img src="../items/absolutvision-365898-unsplash.jpg"></div>
10               <div class="col-sm-6 col-md-12"><p class="py-3 ">まだ知らない世界へHere we go!!</p></div>
11             </div>
12             <div class="product col-md-4 row text-center">
13               <div class="col-sm-4 col-md-12 pb-sm-3"><img src="../items/marcelo-cidrack-1514289-unsplash.jpg"></div>
14               <div class="col-sm-8 col-md-12"><p class="py-3">最果ての地、日本</p></div>
15             </div>
16             <div class="product col-md-4 row text-center">
17               <div class="col-sm-4 col-md-12 pb-sm-3"><img src="../items/classic-and-rare-books.jpg"></div>
18               <div class="col-sm-8 col-md-12"><p class="py-3">本棚には夢がある</p></div>
19             </div>
20           </div>
21           <div class="lastmore text-center pb-3"><a href="#"
22             class="btn btn-outline-secondary d-sm-none" role="button">
23             MORE</a></div>
24         </div>
25       </section>

css
1
2
3.top{
4  position:fixed;
5  width:100%;
6  z-index:10000;
7
8}
9
10
11.logo img{
12  height:80px;
13}
14
15.top-menu {
16  list-style:none;
17  display: none;
18  background-color: #fff;
19}
20
21.fa-bars:hover{
22  cursor:pointer;
23}
24
25.btn:focus {
26	outline:0;
27
28}
29
30.title{
31  padding-top:70px;
32}
33
34.title h3{
35  letter-spacing: 2px;
36  font-weight:bold;
37  padding-top:40px;
38}
39.paspol{
40  display: inline-block;
41
42}
43
44.more{
45 float:right;
46}
47
48
49.foot-menu{
50  margin-bottom: 1px;
51}
52
53
54
55.product img{
56  width:250px;
57
58}
59
60.wrap{
61  width:100%;
62  overflow:hidden;
63}
64