main {

  min-width: 685px;

  max-width: 800px;

  padding: 10px;

  margin: 0 auto;

  background: #fff;

}



section {

  display: none;

  padding: 20px 20px 20px;

  border-top: 1px solid #ddd;

  background: #fbfbfb;

}



input {

  display: none;

}



label {

  display: inline-block;

  margin: 0 0 -1px;

  padding: 15px 25px;

  font-weight: 600;

  text-align: center;

  color: #000;

  border: 1px solid transparent;



}



label:before {

  font-family: fontawesome;

  font-weight: normal;

  margin-right: 10px;

  

}



label:hover {

  color: #000;

  cursor: pointer;

    

}



input:checked + label {

  color: #555;

  border: 1px solid #ddd;

  border-top: 2px solid #fbc719;

  border-bottom: 1px solid #fbfbfb;

  background:#fbfbfb;

}



#tab1:checked ~ #content1,

#tab2:checked ~ #content2,

#tab3:checked ~ #content3,

#tab4:checked ~ #content4,

#tab5:checked ~ #content5 {

  display: block;

}