.tab{overflow:hidden;position:relative}.tab:after{content:" ";position:absolute;bottom:0;height:5px;width:100%;background-color:#e4e5e6;display:block;z-index:-1}.tab button{background-color:#e4e5e6;float:left;border:none;outline:none;cursor:pointer;padding:20px 45px;transition:.3s;color:#022859;font-weight:300;border-left:2px solid #4c5761;font-size:.875em}.tab button:hover{background-color:#4c5761;color:#fff}.tab button.active{background-color:#4c5761;color:#fff;font-weight:600}.tabcontent{display:none;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}@media only screen and (max-width: 1450px){.tab button{padding-right:30px;padding-left:30px}.tab{font-size:.875em}}@media only screen and (max-width: 1140px){.tab{font-size:.75em}}@media only screen and (max-width: 890px){.tab button{padding-right:15px;padding-left:15px}}@media only screen and (max-width: 780px){.tab.size100{display:flex;flex-wrap:wrap;padding:0}.tab button{width:50%;border:0}.tab:after{display:none}}