footer {
    color: #ccc;
    position:absolute;
    bottom:0px;
    clear:both;
    width:100%;
    border-top: solid #002857 5px;
    -webkit-box-shadow:inset 0px 2px #000043, 0 0px 0 #e21313, 0 0px 0 #00f, 0 0px 0px 0px #bbb;;
    -moz-box-shadow:inset 0px 2px #000043, 0 0px 0 #e21313, 0 0px 0 #00f, 0 0px 0px 0px #bbb;;
    box-shadow:inset 0px 2px #000043, 0px 0px 0 #000043, 0 0px 0 #00f, 0 0px 0px 0px #bbb;
    background-color: #303030;
    text-align:center;
    font-family:'sansationregular', "Segoe UI";
}

footer ul {
    list-style: none;
}

footer ul li {
    display:inline-block;
/*    margin-left:1%;
    margin-right:1%;*/
    padding-left:1%;
    padding-right:1%;
    margin-top:5px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


footer a {
    color: #ccc;
    font-size:16px;
    text-decoration: none;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Grow */
.hvr-grow {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}