html, body {
  height: 100%;
  /* background-color: black;
  color: whitesmoke; */
}

body {
  display: flex;
  flex-direction: column;
  color:#3c657e;
}


.container-fluid {
  flex: 1 0 auto;
  /* Distance from top of container*/

}

footer {
  flex-shrink: 0;
  background-color: #477fa2;
  color: #fff;
  -webkit-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
  -moz-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
  box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
  border-top:1px solid #fff;
  text-align:right;
  font-size:14px;
  padding:10px 10px 2px 0px;
}