/** makes room for the fixed navbar */

body {
  padding-top: 50px;
}

.navbar {
  border: none;
}

/* centers bootstrap nav, only when not collapsed
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
} */
@media (min-width: 768px){
  .navbar-nav {
      margin: 0 auto;
      display: table;
      table-layout: fixed;
      float:none;
  }
}


/* Changes the size of the default container */
@media (min-width: 768px) {
  .container {
    max-width: 1024px !important;
  }
}

@media (min-width: 1024px) {
  .modal-dialog {
    min-width: 1024px !important;
  }
}