.label-checkbox {
    font-size: 2.4rem !important;
    color: white;
    text-align: center !important;
}

input[type="radio"].with-font,
input[type="checkbox"].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    input[type="radio"].with-font ~ label:before,
    input[type="checkbox"].with-font ~ label:before {
        font-family: FontAwesome;
        display: inline-block;
        content: "\f096";
        letter-spacing: 10px;
        color: white;
        border: 2px solid white;
        width: 3rem;
        height: 3rem;
        background-color: white;
        margin-right: 20px;
    }

    input[type="radio"].with-font:checked ~ label:before,
    input[type="checkbox"].with-font:checked ~ label:before {
        content: "\f00c";
        /*font-size: 2.4rem;*/
        letter-spacing: 0px;
        color: #183a39;
        border: 2px solid white;
        width: 3rem;
        height: 3rem;
        background-color: white;
        margin-right: 20px;
    }