.warpper{align-items:center;display:flex;flex-direction:column}.tabs,.warpper{display:inline-block;text-align:center;width:100%}.tabs{border-bottom:3px solid #fff;font-size:24px}.tab,.tabs{position:relative}.tab{color:#fff;cursor:pointer;display:inline-block;padding:20px 5%}.panels,.tab{text-align:center}.panels{background:#fff;background:#96ad24;border-radius:3px;color:#000;font-size:18px;margin-top:20px;min-height:200px;overflow:hidden;width:100%}.panel{animation:fadein .8;display:none;text-align:center}.responsive{width:50%}@keyframes fadein{0%{opacity:0}to{opacity:1}}.radio{display:none}#one:checked~.panels #one-panel,#three:checked~.panels #three-panel,#two:checked~.panels #two-panel{display:inline-block}#one:checked~.tabs #one-tab,#three:checked~.tabs #three-tab,#two:checked~.tabs #two-tab{border-bottom:3px solid;display:inline-block}@media(max-width:1279px){.tabs,.wrapper{width:100%}.tab{display:inline-block}.panels{width:100%}}@media(max-width:992px){.tabs,.wrapper{width:100%}.tab{font-size:20px;padding:20px 1%}.panels{display:inline-block;width:80%}}@media(max-width:768px){.tabs,.wrapper{width:100%}.tab{display:inline-block;font-size:18px;margin:0 -20px;padding:20px 5px}.responsive{width:50%}.panels{width:80%}}@media(max-width:600px){.tabs,.wrapper{width:100%}.tab{display:inline-block;font-size:12px;margin:0 -30px;padding:20px 0}.responsive{width:25%}.panels{width:80%}}