/* ==== Mobile fixes ==== */

.responsive {
  width: 100%;
  max-width: 1200px;
  height: auto;
}

/* Responsive columns – single column on small screens */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Horizontal scroll for tables on mobile */
@media screen and (max-width: 480px) {
  .tablemobile {
    display: block;
    overflow-x: auto;
  }
}

/* Hide collapsible table cells on very small screens */
@media screen and (max-width: 400px) {
  td.collapsible {
    display: none;
  }
}

/* General mobile styles */
@media screen and (max-width: 767px) {
  h2 {
    margin-top: 0;
  }

  p {
    font-size: 17px;
  }

  .navbar-toggle {
    border-radius: 0 !important;
    padding: 15px 12px !important;
  }

  .nav > li > a {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .navbar-collapse {
    padding-left: 15px !important;
  }

  .navbar-inverse .navbar-collapse {
    border: 2px solid #003535 !important;
  }
}

/* Hide warning icon */
.glyphicon.glyphicon-warning-sign.red {
  display: none !important;
}