/* Sticky footer styles
-------------------------------------------------- */


/* xlarge devices */
@media (min-width: 1200px) {
    html {
        position: relative;
        min-height: 100%;
      }

    body {
        margin-bottom: 493px !important; /* Margin bottom by footer height + 100*/
    }

    .footer {
        position: absolute !important;
        bottom: 0;
        height: 393px; /* Set the fixed height of the footer here */  
    }
}

/* large devices */
@media (min-width: 992px) {
    html {
        position: relative;
        min-height: 100%;
      }

    body {
        margin-bottom: 517px !important; /* Margin bottom by footer height + 100*/
    }

    .footer {
        position: absolute !important;
        bottom: 0;
        height: 417px; /* Set the fixed height of the footer here */  
    }
}