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; } }
}