@media only screen and (max-width: 600px) {

#OverviewBanner .BannerInfo .DateRange {
    padding: 0px 20px;
    font-size: 20px;
    color: black !important;
    margin-bottom: 7px;
    margin-top: 20%;
}

#OverviewBanner .BannerInfo .VenueInfo {
    padding: 0px 20px;
    font-size: 16px;
    color: black !important;
    background: none;
    min-width: 240px;
}

.region-sidebar-second {
  margin-top: 5% !important;
}

}

  

.dialog-off-canvas-main-canvas {
  
  
   background-position: 904% 119px;
  background-repeat: repeat-x; /* Do not repeat the image */
  
  background-color: #f7f8f3;

}

.navbar-is-static-top {
    background-color: #f7f8f3;
}

.general-page-body-container {
    background-image: url("/sites/default/files/assets/emps-takeyourchildtowork/takeyouchildtowork.png"); /* The image used */
     background-size: 100%;
   background-position: 0px 0px;
  background-repeat: no-repeat; /* Do not repeat the image */
}

#eventsreg-nav-bar {
    background-color: #383838;
}






.region-sidebar-second {
  margin-top: 100%;
}



.col-sm-9 {
  width: 70%;
}

.col-sm-3 {
  width: 30%;
}


#eventsreg-nav-bar .navbar-inverse .navbar-nav > .active > a {
  border-bottom: 4px solid #5b9bd5;
}

h2 {
  margin-top: 17%;
  color: #C6375E;
}

.panel-heading {
  display:none;
}

.speaker {
  display: inline;
}

.descript {
  margin-left: -3%;
}

tr {
  padding-bottom: 5%;
}

.table-primary {
    background-color: #b8daff;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

.table-success {
    background-color: #c3e6cb;
     padding: 5px;
    font-weight: bold;
    text-align: center;
}

.table-danger {
    background-color: #f5c6cb;
padding: 5px;
    font-weight: bold;
    text-align: center;
}

.table-warning {
    background-color: #ffeeba;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    
}

.top-blue {
    margin-top: 15%;
    background-color: #5b9bd5;
    color: white;
    padding: 30px;
    margin-left: -2%;
    margin-right: -2%;
    font-weight: 600;
}

.box {
    border: solid 2px #5b9bd5;
    padding: 10px;
    width: 70%;
    text-align: center;
    margin: auto;
}

ul {
  list-style-type: circle;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.children {
  width: 104%;
  margin-left: -2%;
  margin-right: -2%;
}

.blue {
  color: #5b9bd5;
  font-size: 18px;
}

.green {
  color: green;
  font-size: 18px;
}