.radios {
            color: #a71a00;
            text-align: center;
            line-height:20px;
            margin-top:10px;
        }

            .radios label {
                display: inline;
                white-space: nowrap;
                font-size: 15px;
                float:left;
                cursor:pointer;
                margin-bottom:0px;
                padding:6px 13px 2px;
                transition: all .9s ease;
            }
            .radios label:hover
            {
                background-color:black;
                color:white;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }
            
            .radios span span label
            {
                background-color:black;
                color:white;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }
            .radios input {
                display:none;
            }

        @media screen and (max-width: 400px) {
            body {
                font-size: 13px !important;
            }
            .radios label
            {
                font-size: 13px;
                padding:6px 13px 2px;
            }
            .radios span span label {
                border-radius:5px;
            }
        }