在bootstrap中减少导航部分和右下方部分之间的差距

Question

我已经研究了类似问题的堆栈溢出，尝试了提供的答案，但还没有解决问题。我想摆脱导航部分和下一部分之间的微小空间。

HTML

.navbar {
  background-color:#bcaaa4;
  height:100px;
  margin-bottom: 0 !important;
}

a.navbar-brand  {
  /*background-color:red;*/
  padding:0;
  width:100px;
  height:100%;
}

#logo-img {
  padding-top:0;
  width:100px;
}

.upper-section-central-content {
  background-color:red;
  height:100px;
}

.upper-section {
  padding-top:0 !important;
  background-color:#bcaaa4;
}

CSS

{{1}}