.wrapper {
  width: 740px;
  margin: 0 auto;
  padding-top: 50px;
}
section {
  margin: 100px 0;
}
.graph {
  display: block;
  width: 90%;
  height: auto;
  margin: 50px auto;
}
.meetinglog {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  margin: 50px auto;
}
.ragged-top {
  width: 100%;
  height: 45px;
  background-image: url("../imgs/ragged-top.png");
  margin: -20px 0 0 0;
}
.ragged {
  width: 100%;
  height: 50px;
  background-image: url("../imgs/ragged.png");
  margin: 0 0 -25px 0;
}
.log {
  padding: 25px;
  color: #777;
  font-size: 1rem;
  line-height: 1.5rem;
}
.logtitle,
.logdate {
  text-align: center;
}
.logdate {
  margin-bottom: 30px;
}
.p {
  margin-top: 30px;
  font-weight: bold;
  font-size: 0.9rem;
}
span.a {
  background-color: #bad2a4;
  color: #000;
}
span.b {
  background-color: #f8de77;
  color: #000;
}
.tree {
  margin-top: 100px;
}
.highcharts-credits {
  display: none;
}

.highcharts-tooltip-box {
  fill: black;
  fill-opacity: 0.6;
  stroke-width: 0;
}

.highcharts-tooltip text {
  fill: white;
  text-shadow: 0 0 3px black;
}
.tree rect {
  stroke-width: 3;
  stroke: #fff;
}
@media screen and (max-width: 639px) {
  .wrapper {
    padding-top: 0px;
  }
  .wrapper,
  .timepart {
    width: 95%;
  }
  .graph {
    width: 100%;
  }
}