.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

/*
@media (max-width: 419px) {
  .graphplot{
  
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 420px) {
  .graphplot{
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 600px) {
  .graphplot{
    width: 240px;
    height: 220px;
  }
}
*/
@media (max-width: 767px) {
  .graphplot{
    width: 340px;
    height: 300px;
  }
  .horgraphplot{
    width: 700px;
    height: 5000px;
  }
  /* Should fix the navbar issues */
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
   }
  
}

@media (min-width: 768px) {
  .graphplot{
    width: 340px;
    height: 300px;
  }
  body {
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .horgraphplot{
    width: 760px;
    height: 5000px;
  }
  /* Fixes the width of the container, old css had this at 800, but now 720??? */
  .wrapper { max-width: 920px; padding-right: 20px; padding-left: 20px; }
}

@media (min-width: 992px) {
  .graphplot{
    width: 450px;
    height: 355px;
  }
  .horgraphplot{
    width: 990px;
    height: 5000px;
  }
  /* Fixes the width of the container, old css had this at 800, but now 720??? */
  .wrapper { max-width: 1140px; padding-right: 20px; padding-left: 20px; }
    
    
}

@media (min-width: 1px) {
    
    .yolo-date {
    font-size: 12px;
    }
    
    div.tooltip {	
    position: absolute;			
    text-align: center;			
    width: 60px;					
    height: 28px;					
    padding: 2px;				
    font: 12px sans-serif;		
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}
    
}
    
    



padding-top: 7px;
margin-top: 0;