/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 18em;
  padding-bottom: 2em;
}

.bg-custom   {
  background-color:#660033;
}

.bg-custom a {
  color:#D4AF37;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;

  /* Set the fixed height of the footer here */
  height: 18em;
  line-height: 1.4em; /* Vertically center the text there */
  background-color: #660033;
  color:#bf9b30;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 2em 2em 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color:#D4AF37;
}

.footer a {
  color:#bf9b30;
}

code {
  font-size: 80%;
}

/* footer media stuff */

/* Small widths ( up to 576px ) */
@media (max-width: 576px) {
  body {
    margin-bottom: 30em;
    }
  .footer {
    height: 30em;
    background-color: #660033;
    }
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  body {
    margin-bottom: 30em;
    }
  .footer {
    height: 30em;
    background-color: #660033;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body {
    margin-bottom: 24em;
    }

  .footer {
    height: 24em;
    background-color: #660033;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {
    margin-bottom: 18em;
    }

  .footer {
    height: 18em;
    background-color: #660033;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {
    margin-bottom: 18em;
    }

  .footer {
    height: 18em;
    background-color: #660033;
    }
}