html {
  width: 100vw;
}

body {
  background-color: #e2e1dd;
  font-size: 15px;
}

.container {
  width: 1000px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.registrationdiv {
  width: 75%;
  margin: auto;
}

div#logo {
  height: 70px;
  margin: 20px;
}

img.logo1 {
  height: 60px;
  z-index: 3;
}

img.logo2 {
  height: 60px;
  z-index: 3;
}

dd {
  padding-left: 15px;
}

.table {
  empty-cells: hide;
  margin: 0 auto;
}

.table th, .table td {
  padding: 10px;
  vertical-align: middle;
}

.table th {
  text-align: center;
}

.table td.center {
  text-align: center;
}

#mobile {
  display: none;
}

#monday:target table th.monday, #monday:target table td.monday {
  display: table-cell;
}

#tuesday:target table th.tuesday, #tuesday:target table td.tuesday {
  display: table-cell;
}

#wednesday:target table th.wednesday, #wednesday:target table td.wednesday {
  display: table-cell;
}

#header {
  height: auto;
  width: auto;
  repeat-x top;
  border: solid 2px white;
  border-width: 2px 2px 2px 2px;
  background: #0072BD;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004682', endColorstr='#ff0072BD');
  /* for IE */
  background: -moz-linear-gradient(top, #004682, #0072BD);
  background: -webkit-gradient(linear, left top, left bottom, from(#004682), to(#0072BD));
}

ul.nav.nav-tabs.card-header-tabs {
  margin-top: 20px;
}

.nav-item a {
  color: white;
}

.nav-item a:hover {
  background-color: #0072BD;
}

.table {
  font-size: 13px;
}

@media (max-width: 768px) {
  .container {
    width: 100%;
    max-width: none;
  }

  .registrationdiv {
    width: 100%;
  }

  img.logo1 {
    display: none;
  }

  .table {
    float: left;
  }
}

@media (max-width: 1024px) {
  #mobile {
    display: block;
    margin: auto;
    text-align: center;
  }

  .hotel {
    display: none;
  }

  table th, table td {
    display: none;
  }
}