.tabs {
  display: flex;
  flex-wrap: wrap;
}
 
.tabs label {
  order: 1;
  display: block;
  padding: 2rem 2rem;
  cursor: pointer;
  background:  #8FA3AC;
  font-weight: bold;
  transition: background ease 0.2s;
  color:#fff;
  width:35%;
  font-size:19px;
  -webkit-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	margin: 0 auto 30px auto;
}
 
.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem 4rem 2rem 3rem;
  background: #fff;
  -webkit-box-shadow: inset 0px -3px 5px 0px #C9C9C9;
  box-shadow: inset 0px -3px 5px 0px #C9C9C9;
  -webkit-border-radius: 0 0 13px 13px;
  border-radius: 0 0 13px 13px;
}
 
.tabs input[type=radio] {
  display: none;
}
 
.tabs input[type=radio]:checked + label {
    background: -webkit-linear-gradient(to top,#f13927,#fe944a);
	background: linear-gradient(to top,#f13927,#fe944a);
}
.tabs input[type=radio]:checked + label + .tab {
  display: block;
}
 
@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    /*order: initial;*/
  }
 
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}