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


.tab-input {
    display: none;
}


input.tab-input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}


@media screen and (max-width: 650px) {
    label {
        font-size: 0;
    }

    label:before {
        margin: 0;
        font-size: 18px;
    }
}

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