html {
  height: 100%;
}

/* Sticky footer via flexbox: keeps the footer pinned to the bottom of the
   viewport when the content is sparse, but lets it grow to its natural
   (variable) height instead of overlapping the content. Replaces the old
   negative-margin technique that assumed a fixed 80px footer. */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#main-wrapper {
  flex: 1 0 auto; /* fill the available space so the footer is pushed down */
}

footer {
  flex-shrink: 0; /* footer keeps its natural height, no overlap */
}

#main-content {
  overflow:auto;
}

#footer-bottom {
  position: relative;
  clear:both;
  padding: 32px 0; /* self-contained spacing, independent of merchants.css */
}

.highlights {
	margin-top: 10px;
}

.contentcontainer {
  padding-right: 20px;
}