.opcoes
{
    font-size: 30px;
}

.indicador
{
    background-color: #eee;
    margin: 10px 0px 10px 0px;
    
}

.desktop 
{
    display: none;
}

.mobile 
{
    display: none;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
    .desktop 
    {
        display: none;
    }

    .mobile 
    {
        display: block;
    }
    h2
    {
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0px 10px 0px;
    }

    .opcoes
    {
        font-size: 16px;
        font-weight: normal;
    }

    input[type="radio"] {
        display:none !important;
    }
    input[type="radio"] + label span.muitosatisfeito {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/msatis-min.png) !important; 
    }
    input[type="radio"]:checked + label span.muitosatisfeito {
        background:url(../imgs/selemsatis-min.png) !important; 
    }

    input[type="radio"] + label span.satisfeito {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/satis-min.png) !important; 
    }
    input[type="radio"]:checked + label span.satisfeito {
        background:url(../imgs/selesatis-min.png) !important; 
    }

    input[type="radio"] + label span.nemsatisneminsatis {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/nemsatis-min.png) !important; 
    }
    input[type="radio"]:checked + label span.nemsatisneminsatis {
        background:url(../imgs/selenemsatis-min.png) !important; 
    }

    input[type="radio"] + label span.insatis {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/insatis-min.png) !important; 
    }
    input[type="radio"]:checked + label span.insatis {
        background:url(../imgs/seleinsatis-min.png) !important; 
    }

    input[type="radio"] + label span.muitoinsatis {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/muitoinsatis-min.png) !important; 
    }
    input[type="radio"]:checked + label span.muitoinsatis {
        background:url(../imgs/selemuitoinsatis-min.png) !important; 
    }

    input[type="radio"] + label span.desconhece {
        display:inline-block !important;
        width:20px !important;
        height:20px !important;
        background:url(../imgs/desc-min.png) !important; 
    }
    input[type="radio"]:checked + label span.desconhece {
        background:url(../imgs/seledesc-min.png) !important; 
    }

}

/* sm */
@media screen and (min-width: 768px) {
    .desktop 
    {
        display: block;
    }

    .mobile 
    {
        display: none;
    }

    input[type="radio"] {
        display:none !important;
    }
    input[type="radio"] + label span.muitosatisfeito {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/msatis.png) !important; 
    }
    input[type="radio"]:checked + label span.muitosatisfeito {
        background:url(../imgs/selemsatis.png) !important; 
    }

    input[type="radio"] + label span.satisfeito {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/satis.png) !important; 
    }
    input[type="radio"]:checked + label span.satisfeito {
        background:url(../imgs/selesatis.png) !important; 
    }

    input[type="radio"] + label span.nemsatisneminsatis {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/nemsatis.png) !important; 
    }
    input[type="radio"]:checked + label span.nemsatisneminsatis {
        background:url(../imgs/selenemsatis.png) !important; 
    }

    input[type="radio"] + label span.insatis {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/insatis.png) !important; 
    }
    input[type="radio"]:checked + label span.insatis {
        background:url(../imgs/seleinsatis.png) !important; 
    }

    input[type="radio"] + label span.muitoinsatis {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/muitoinsatis.png) !important; 
    }
    input[type="radio"]:checked + label span.muitoinsatis {
        background:url(../imgs/selemuitoinsatis.png) !important; 
    }

    input[type="radio"] + label span.desconhece {
        display:inline-block !important;
        width:50px !important;
        height:50px !important;
        background:url(../imgs/desc.png) !important; 
    }
    input[type="radio"]:checked + label span.desconhece {
        background:url(../imgs/seledesc.png) !important; 
    }
}