@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;
}

.col-sm-9 {
  width: 100% !important;
}

.col-sm-3 {
  width: 100% !important;
}

.top {
  margin-top: 23% !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/cbiit/cancer-image-5.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: 60%;
}



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

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


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

h2 {
  margin-top: 28% !important;
}

.panel-heading {
  display:none;
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    padding-right: 2em;
    margin-top: 5px;
}

.description {
 margin-left: 2%;
    margin-bottom: 3%;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1%;
}

.disabled {
  color: #CCC;
}

.main {
        background: #123e57;
        color: white;
        padding: 1em;
        max-width: 600px;
        border-radius: .2em;
      }
      .main .heading {margin-top: 0;}
      .main p {margin-bottom: 0;}
      .main p.subtitle {
        font-size: 1.1em;
        font-style: italic;
      
        color: white;
      }
      .main p {
        color: #ccc;
      }
      img {
        max-width: 100%;
        border-radius: 10px;
        margin-top: 1em;
      }
      button.white {
        background: white;
        color: #123e57;
        border: 0;
        padding: .5em 1em;
        margin: 1em 0;
      }
      button.blue {
        background: #123e57;
        color: white;
        border: 0;
        padding: .5em 1em;
        margin: 1em 0;
      }
      div.arrow {
        max-width: 600px;
        text-align: center;
        font-weight: bold;
        font-size: 2em;
        margin: 0;
        padding: 0;
      }
      div.event {
        max-width: 600px;
        border: 3px solid #123e57;
        border-radius: .2em;
        margin: 1em 0;
        padding: 1em;
      }
      div.event h3 {
        margin-top: 0;
      }
      div.event p {
        margin-bottom: 0;
      }

.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: white;
    border: 0px !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

h3 {
  
  font-size: 20px;
    font-weight: 400;
    color: #555;
} 
      
h4 {
  font-weight: bold;
  color: #123e57;
  font-size: 18px;
}   

button:hover {
  background-color: #e5e5e5;
}

.top {
  margin-top: 50%;
  color: #123e57;
  font-size: 24px;
}

.subtop {
 color: #518793;
    font-size: 20px;
    line-height: 1.2;
}

.bio {
        font-size: 1.0em;
    
        color: white;
      }
.bio a {
    color: white;
    text-decoration: underline;
}

.subtitle a {
    color: white;
    text-decoration: underline;
}

.subscript {
  font-size: small;
  color: #777;
  line-height: 1.0;

}

.help-block {
    color: #777;
    font-size: 16px;
}

iframe {
    border-top-width: 0px;
    border-right-width: -30px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}