@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

 

 
   h1 {padding: 100px 0; font-weight: 400; text-align: center;}
 
   .main {margin: 0 auto; width: 100%; margin:70px 0 0 0}
   .content {background: #fff; color: #373737;}
   .content > div {display: none; padding: 20px 0 5px; color:#333; font-size:16px; font-weight:400; font-family: 'Open Sans', sans-serif;  line-height:32px;}

   p {
      line-height: 2.0;
    }
 
   input {display: none;}
   label {display: inline-block; font-size:18px; text-align: center; font-family: 'Open Sans', sans-serif; letter-spacing:-1px; padding:10px 25px;  margin-bottom:-1px}
   label:hover {color: #4a4a4a; cursor: pointer;}
   input:checked + label {background: #1c1c1c; border-bottom:6px solid #e55137; color: #fff; border-radius:20px 20px 0 0}

   @media only screen and (min-width: 541px) {
 
         .tab-size {width:30%}
   }

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

         .tab-size {width:100%}
   }
 
   #tab1:checked ~ .content #content1,
   #tab2:checked ~ .content #content2,
   #tab3:checked ~ .content #content3,
   #tab4:checked ~ .content #content4,
   #tab5:checked ~ .content #content5,
   #tab6:checked ~ .content #content6 {
    display: block;
       border:1px solid #e8e8e8;
       border-radius:0 20px 20px 20px;
	 padding:40px 60px;
   }
 
   @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
font-family: 'Open Sans', sans-serif;