*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


section {
  display: none;
 
 border-radius: 5px;
    border-top-left-radius: 0;

  

}

input:checked + label {
font-family: 'Raleway', sans-serif;
  font-size:14px;
 
  border-top-right-radius:5px;
  border-top-left-radius:5px;

 background:white;
  color:#DE7C5C;
  opacity:1;

 animation:stickAnim .2s;-moz-transition:all .2s;
text-shadow: 0px 0px 0px #333;
font-size: 16px;
color:#0F6BAF;


  
}





label {
  display: inline-block;
  margin: 0 0 0px;
  padding: 20px 20px;
  font-weight: 600;
 font-family: 'Raleway', sans-serif;
	
  text-align: center;
  
  color: dark;
border: 1px solid #D2DFE7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: grey;
	border-bottom: 2px solid white;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: grey;
border-bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #D5522C;
background:#D44F23;
opacity:0.8;
min-width:200px;
background: #eeeeee;
color:#39566C;
 font-size:14px;
background:#CCCCCC;
color: white;
text-shadow: 2px 2px 2px #333;

  
 
  
}

input[type="radio"] {
  display: none;
}



label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
  
}

label[for*='1']:before { content: '\f085'; }
label[for*='2']:before { content: '\f030'; }
label[for*='3']:before { content: '\f0e6'; }
label[for*='4']:before { content: '\f153'; }
label[for*='5']:before { content: '\f090'; }
label[for*='6']:before { content: '\f044'; }
label[for*='7']:before { content: '\f090'; }
label[for*='8']:before { content: '\f044'; }


label:hover {
  color: white;
  cursor: pointer;
  background:#E94E1B;
opacity:1;
border:0;
background:#0F6BAF;
}







#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8 {
  display: block;
    
}

#tabC1:checked ~ #contentC1,
#tabC2:checked ~ #contentC2,
#tabC3:checked ~ #contentC3,
#tabC4:checked ~ #contentC4,
#tabC5:checked ~ #contentC5,
#tabC6:checked ~ #contentC6 {
  display: block;
  

}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
  
   input:checked + label {
 
  Font-size:0;
}
label{
	
	min-width:20px;
	
}
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}