html {
  font-size: 14px;
}
.container {
  max-width: 960px;
}
.container-navbar{
    width:100%;
}
.navbar h5{
    display:inline-block;
    margin-left: 8px;
    color:#212529;
}
.navbar {
    background: #FFFFFF !important;
    border:none;
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
.navbar .navbar-nav > li .btn-outline-primary{
    margin-left:10px;
}
.navbar .navbar-nav > li .btn-outline-primary:hover {
    color:#fff;
}

.pricing-header {
  max-width: 700px;
}
.card-deck .card {
  min-width: 220px;
}
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.comments {
 width:100%;/*自动适应父布局宽度*/
 overflow:auto;
 word-break:break-all;/*在ie中解决断行问题(防止自动变为在一行显示，主要解决ie兼容问题，ie8中当设宽度为100%时，文本域类容超过一行时，当我们双击文本内容就会自动变为一行显示，所以只能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  * {
    font-size: 14px !important;
  }
  .navbar .navbar-nav > li a{
      text-align:center;
  }
  .navbar .navbar-nav > li span{
    text-align: center;
  }
  .navbar .navbar-nav > li .btn-outline-primary:last-child{
      margin-top:10px;
  }
  footer ul li .text-muted{
      font-size:12px !important;
  }
}