Cacher is the code snippet organizer for pro developers

.container {
  margin-bottom: -142px;
  min-height: 100%;
  /* equal to footer height */
}

.container:after {
  content: "";
  display: block;
}

.site-footer, .container:after {
  height: 142px; 
}

.site-footer {
  background: #385978;
  border-top: 1px solid #000;
  color: white;
  height: 141px; /*==========  Height and border-top added together = 142px used in .container and .site-footer  ==========*/
}