/* Sticky footer styles
-------------------------------------------------- */
html {position: relative; min-height: 100%;}
body {margin-bottom: 0px;}

@media (min-width: 576px) {
    body {margin-bottom: 50px; /* Margin bottom by footer height */}

    .footer {font-size: 14px; position: absolute; bottom: 0; width: 100%; background-color: #f5f5f5;
        height: 50px; /* Set the fixed height of the footer here */
        line-height: 50px; /* Vertically center the text there */
    }

}