.footer {
  background-color: #2f2f2f;
  color: #ffffff;
  font-size: 12px;
}

.footer a:link, .footer a:visited {
  color: #ffffff;
}

.construction h1 {
  color: red;
  padding: 10px 10px;
}

.image-grid {
  padding: 1px 1px 1px 1px
}

#floors {
  width: 100%;
  height: auto;
}

.nav.navbar-nav li a {
  color: rgb(31, 78, 121);  /* same as the logo */
}

.nav.navbar-nav > .active a {
  color: rgb(31, 78, 121);  /* same as the logo */
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(31, 78, 121);  /* same as the logo */
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

body {
  padding-top: 60px;  /* for the fixed navbar */
}

h2 {
  font-size: 2em;
}

.navbar-brand {
  padding: 10px 10px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* navbar_height = 100 */
  body {
    padding-top: 110px;  /* navbar_height + 10 */
  }

  .navbar-brand {
    height: 100px;  /* navbar_height */
    padding: 10px 10px;
  }

  .nav li a {
    padding-top: 40px; /* padding * 2 + 20 == navbar_height */
    padding-bottom: 40px;
    font-size: 1.5em;
  }
}

#app-table-print {
  display: none;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* navbar_height = 140 */
  body {
    padding-top: 150px;  /* navbar_height + 10 */
  }

  .navbar-brand {
    height: 140px;  /* navbar_height */
    padding: 10px 10px;
  }

  .nav li a {
    padding-top: 60px; /* padding * 2 + 20 == navbar_height */
    padding-bottom: 60px;
    font-size: 1.8em;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media print {
  #app-table_wrapper {
    display: none;
  }

  #app-table-print {
    display: block;
  }

  a[href]:after {
    content: none !important;
  }
}