@media only screen and (min-width: 481px)
{
    .module
    {
        width: 94%;
        height: auto;
        padding: 0 1.5%;
    }
    .module-full
    {
        width: 100%;
    }
    .radius-5-p
    {
        border-radius: 5px;
    }
    .radius-t5-p
    {
        border-radius: 5px 5px 0 0;
    }
    .radius-b5-p
    {
        border-radius: 0 0 5px;
    }
    .button
    {
        float: left;
        padding: 1em 2.6em;
        text-align: center;
        border-radius: 100px;
        list-style-type: none;
        font-size: 1em;
        font-weight: bold;
    }
    .listGroup
    {
        clear: both;
        border: 1px solid #d2d2d2;
        padding: 1px;
        margin-bottom: 10px;
        background: none;
    }
    .listGroup .name
    {
        text-align: center;
        padding: 10px;
    }
    .listGroup li
    {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .width-10
    {
        width: 96.4%;
        padding: 1.8%;
        float: left;
    }
    .width-9
    {
        width: 86.4%;
        padding: 1.8%;
        float: left;
    }
    .width-8
    {
        width: 76.4%;
        padding: 1.8%;
        float: left;
    }
    .width-7
    {
        width: 66.4%;
        padding: 1.8%;
        float: left;
    }
    .width-6
    {
        width: 56.4%;
        padding: 1.8%;
        float: left;
    }
    .width-5
    {
        width: 46.4%;
        padding: 1.8%;
        float: left;
    }
    .width-4
    {
        width: 36.4%;
        padding: 1.8%;
        float: left;
    }
    .width-3
    {
        width: 26.4%;
        padding: 1.8%;
        float: left;
    }
    .width-2
    {
        width: 16.4%;
        padding: 1.8%;
        float: left;
    }
    .width-1
    {
        width: 6.4%;
        padding: 1.8%;
        float: left;
    }
}