.header-box {
    top: 0;
    width: 100%;
    z-index: 200;
    background: white;
    position: fixed !important;
}
.cm-container {
    overflow-y:auto;
    display: block;
    margin: 0 auto;
    width: 60%;
    max-width: 100%;
    margin-top: 8em;
}
.search-box {
    padding: 5%;
}

@media screen and (max-width: 640px) {
  .cm-container {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .cm-container {
    width: 80%;
  }
}
@media screen and (min-width: 100px) {
  .header-box {
    padding-left:2em;

  }
}

hr {
    clear:both;
    margin-bottom: 0px;
    border: 0;
    height: 6px;
    background-image: linear-gradient(to right, white, transparent, white), linear-gradient(transparent, rgba(0,0,0,0.55) 150%);
    background-image: -moz-linear-gradient(to right, white, transparent, white), -webkit-linear-gradient(transparent, rgba(0,0,0,0.55) 150%);
    background-image: -ms-linear-gradient(to right, white, transparent, white), -webkit-linear-gradient(transparent, rgba(0,0,0,0.55) 150%);
}