html {

position: relative;
min-height: 100%;

} body {

margin-bottom: 150px; /* Margin bottom by footer height */
@media (max-width: 500px){
  margin-bottom: 370px;
}

} .footer {

position: absolute;
bottom: 0;
width: 100%;
height: 150px; /* Set the fixed height of the footer here */
line-height: 30px; /* Vertically center the text there */
background-color: theme-color(dark);

@media (max-width: 500px) {
  height: 370px;
}

h5 {
  font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: darken(theme-color(secondary), 5%);
  font-size: xx-large;
}

a {
  display: block;
  width: $spacer*3;
  fill: darken(theme-color(primary), 15%);
  transition: fill 0.5s;

  &:hover {
    fill: darken(theme-color(primary), 25%);
  }

  @media (max-width: 500px) {
    width: $spacer*2;
  }

}

}