* {
  box-sizing: border-box;
}


.tabs {
  margin-top:100px;
  margin-bottom:100px;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  flex-wrap: wrap;
  width: 65%;
  background: #e5e5e5;
}

.panel2 {
  display: none;
  padding: 20px 20px 20px;
  background: #FFFAF0;
}

.panel2 h1 {
  font-family:Helvetica, sans-serif;
  font-size: 36px;
  text-align:left;
  margin-left:0px;
}

.panel2 h2 {
  font-family:Helvetica, sans-serif;
  font-size: 26px;
  text-align:left;
  margin-left:-2px;
}

.panel2 p {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  font-family:Helvetica, sans-serif;
  font-size: 17px;
  font-weight:100;
  line-height: 1.5;
}

.panel2 ul li {
   margin-left:50px;
  font-family:Helvetica, sans-serif;
  font-size: 17px;
  font-weight:100;
  line-height: 1.5;
}

.input {
  position: absolute;
  opacity: 0;
}

.label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}

.label:hover {
  background: #d8d8d8;

}

.label:active {
  background: #ccc;

}

.input:focus + .label {
  z-index: 1;
}

.input:checked + .label {
  background:#FFF;
  color: #000;

}

@media (min-width: 600px) {
  .label { width: auto;  }
  .panel2 { order: 99;   }


}



.input:checked + .label + .panel2 {
  display: block;
}


@media only screen and (max-width: 767px) 
{ 

.tabs {
  margin-top:80px;
  margin-bottom:80px;
  margin-left:5%;
  margin-right:auto;
  display: flex;
  flex-wrap: wrap;
  width: 92.5%;
  background: #e5e5e5;
}


@media (min-width: 200px) {
  .label { width: 190px;  }
  .panel2 { order: 99;   }


}


.panel2 {
  display: none;
  padding: 20px 10px 30px 1px;
  background: #FFFAF0;
  
}

.panel2 h1 {
  font-family:Helvetica, sans-serif;
  font-size: 30px;
  text-align:left;
  margin-left: 0px;
}

.panel2 h2 {
  font-family:Helvetica, sans-serif;
  font-size: 20px;
  text-align:left;
  margin-left:-2px;
}

.panel2 p {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  font-family:Helvetica, sans-serif;
  font-size: 17px;
  font-weight:100;
  line-height: 1.5;
}

.panel2 ul li {
   margin-left:30px;
   margin-right:30px;
  font-family:Helvetica, sans-serif;
  font-size: 17px;
  font-weight:100;
  line-height: 1.5;
}