@media (min-width: 576px)
{
    body 
    {
        margin-bottom: 26.75rem;
    }
    .footer 
    {
        /* Set the fixed height of the footer here */
        height: 26.75rem;
    }
}