html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  padding: 1px;
  box-sizing: border-box;
}

body {
  font-family: inherit;
  color: #333333;
}

#chart-container {
  position: relative;
  /* height: 420px; */
  /* border: 1px solid #aaa; */
  margin: 0.5rem;
  /* overflow: auto; */
  text-align: center;
}
.principal{
  width: 100%;
}

@media  (max-width: 600px) {
  #chart-container {
    position: relative;
    text-align: center;
    margin-left: -40px;
  }
  .principal{
    width: 98%;
    padding: 0px !important;
  }
}
/* @media (min-width: 1000px) {
  #chart-container {
    position: relative;
    /* height: 420px; */
    /* border: 1px solid #aaa; */
    /* margin: 0.5rem;
    overflow: auto;
    text-align: center;
  }
}  */