.tab-control{
  position: relative;
  width: 100%;
  margin: 0 auto;
  border-radius: 25px;
  padding-top: 5vw;
  padding-top: clamp(3em, 5vw, 5em);
}

ul.tabs{
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 3;
}
ul.tabs li{
  background: var(--color3);
  color: var(--color1);
  display: inline-block;
  padding: 2vw;
  padding: clamp(5px, 2vw, 20px);
  cursor: pointer;
  margin: 0;
  font-size: 1.2vw;
  font-size: min(max(0.75rem, 1.2vw), 1.2rem);
  text-transform: uppercase;
  letter-spacing: 3px;
}

ul.tabs li.current{
  background: var(--color1);
  color: var(--white);
}

ul.tabs li:first-child {
  border-radius: 0 0 0 0;
}

.tab-content{
  display: none;
  float: left;
  width: calc(90% - 30px);
  background: var(--white);
  padding: 15px;
  -webkit-box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  -moz-box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  /*overflow-y: scroll;*/
}

.tab-content.current{
  display: inherit;
  border: none;
  width: 90%;
  padding: 5%;
  border: solid 1px var(--color3);
}