@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/*** basic styles ***/

h1 { font-size: 1.5em; }
label { font-size: 50px; }

/*** custom radioes ***/

input[type=radio] { display:none; } /* to hide the radio itself */
input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=radio] + label:before { content: ""; } /* unchecked icon */
input[type=radio] + label:before { letter-spacing: 10px; } /* space between radio and label */

input[type=radio]:checked + label:before { content: "\f00C"; } /* checked icon */
input[type=radio]:checked + label:before { letter-spacing: 5px;} /* allow space for check mark */


input[type=checkbox] { display:none; } /* to hide the radio itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: ""; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between radio and label */

input[type=checkbox]:checked + label:before { content: "\f00C"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */