/*将footer置于底部，即使页面内容只有一半*/
html, body {
    height: 100%;
    margin: 0;
}

body {
   display: flex;
   flex-direction: column;
   padding-top: 60px;
}

a {
  text-decoration: none;
}

.w-md-80 {
   width: 95%;
}


.w-md-75 {
   width: 95%;
}

.resp-font {
  font-size: 0.85rem; /* fs-7 */
}

@media (min-width: 576px) {
  .resp-font {
    font-size: 0.9rem; /* fs-6 */
  }
}


@media (min-width: 768px) {
    .w-md-80 {
       width: 80%;
    }
    .w-md-75 {
       width: 75%;
    }
    .resp-font {
    font-size: 1rem; /* fs-5 */
  }
}