#seasonality-chart {
  background-color:#1E4C31;
}

#sc-top {
  background-size:cover;
  background-position:top center;
  background-repeat:no-repeat;
  width:100%;
}

.sc-kwh {
  color:#fff;
  font-size: 16px;
  {# font-family: "Archer-Bold-It" !important; #}
  font-family: var(--roboto-sans);
  border-bottom:2px solid #F6E14D;  
  margin-top:50px;
}

.sc-heading {
  font-size:44px;
  line-height:44px;
  {#font-family:"GTPressura-Bold"; #}
  color:#fff;
  margin:20px 0px 0px 0px !important;
}

.sc-heading-body {
  color:#fff;
  font-size:22px;
  line-height:28px;
}

.month-label {
  font-size:22px;
  line-height:22px;
  {#font-family:"GTPressura-Bold"; #}
  font-family: var(--roboto-sans);
  font-weight:500;
  color:#fff;
}

.month-parent {
  width:100px;
  height:100px;
  border-radius:50%;
  border:5px solid #fff;
  margin:20px;
}

#sc-separator {
  width:100%;
  height:80px;
  background: linear-gradient(180deg, rgba(30,76,49,0) 0%, rgba(30,76,49,0.67) 40.94%, rgba(30,76,49,0.82) 56.96%, rgba(30,76,49,0.92) 75.98%, #1E4C31 100%);
}

.sc-grown-headline {
  font-size:36px;
  line-height:36px;
  {#font-family:"GTPressura-Bold"; #}
  color:#fff;
}

.sc-grown-body {
  color:#fff;
  font-size:16px;
  {# font-family:"Archer-Book"; #}
  font-family: var(--roboto-sans);
}

.sc-month-icon {
  width:30px;
  margin-bottom:5px;
}

.sc-month-icon.plus {
  width:45px;
}

.chart-parent {
  margin-bottom:30px;
}

#sc-grown > * {
  width:50%;
  flex-grow:0;
  flex-shrink:0;
}

@media (max-width:768px) {
  #sc-grown {
    flex-direction:column;
  }
  .sc-grown-map {
    order:1;
    width:100% !important;
  }
  .sc-grown-text {
    order:2;
    width:100% !important;
  }
}