.side-tabs {
  margin-bottom:100px;
}
.side-tabs__inner {
  display: grid;
  grid-template-columns: 1fr 320px; /* vasen sisältö, oikea lista */
  gap: 3rem;
  align-items: start;
}
.side-heading {max-width:670px;}
.side-heading h2 {font-size:3em;text-indent:80px;}
.side-heading h2 strong {color:#439229; font-weight:inherit;}
.side-tabs__tabs {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.side-tabs__content {margin-left:300px;margin-right:100px;}
.side-tabs__tab {
  font: inherit;
  background: transparent;
  border: 0;
  text-align: left;
  padding: .25rem 0;
  cursor: pointer;
  font-size:1.5em;
  color:#000;
}

.side-tabs__tab.is-active { color:#439229;}

.side-tabs__panel { transition: opacity .2s ease; }
.side-tabs__panel p:nth-child(1) {text-indent:15px;}
.side-tabs__panel[hidden] { display: none; }
.side-tabs__panel.is-active { opacity: 1; }

@media (max-width: 920px) {
  .side-tabs__inner {
    grid-template-columns: 1fr; /* pinoon mobiilissa */
  }
  .side-tabs__tabs {
    order: -1; /* lista ensin */
    flex-direction: row;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
  }
}



#mainHeading span {displaY:inline-block; width:290px; height:130px; background:url(../img/green1.jpg) center no-repeat; background-size:150% auto;}

@media (max-width:1400px) {
  #mainHeading span {height:95px;}
}
@media (max-width:1200px) {
  #mainHeading span {height:72px;}
.side-tabs__content {margin-left:130px;}
.side-heading h2 {font-size:42px;}
}
@media (max-width:960px) {

  #mainHeading span {width:100px;height:60px;}
  .side-tabs__content {margin-right:20px;}
}

@media (max-width:680px) {
  .side-heading h2 {font-size:28px;}
  .side-tabs__tab {font-size:17px;}
}

@media (max-width:550px) {
  #mainHeading span {
        width: 60px;
        height: 34px;
    }
}


@media (max-width:480px) {
  .side-heading h2 {
        font-size: 19px;
    }
    .side-heading h2 {text-indent:50px;}
        .side-tabs__tab {
        font-size: 13px;
    }
    .side-tabs__content {
        margin-left: 60px;
    }
}