@media screen and (min-width:1001px) {
    .contents{  overflow: hidden;}
    .accordion a.ui-state-default{ line-height: 20px !important; padding-bottom: 0px !important;}
}


@media screen and (max-width:1000px) {
    .content-area {margin-bottom: 100px;}
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    #rules-hub .content-rail{
        width: auto;
    }
    #rules-hub .right-rail{
        margin-bottom: 85px;
        width: auto;
    }
    .right-rail{
        float:left;
        border-left:none;
        padding-left:0px;
    }
    .content-rail{
        padding-bottom:0px;
    }
    #rules-hub .content-rail .section{
        width: auto;
    }
}

@media screen and (max-width:800px) {
    .content-area {margin-bottom: 100px;}
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    #rules-hub .content-rail .section{
        width: auto;
    }
    .accordion a.ui-state-default {
        height: auto !important;
    }

    table {width: 100% !important;}


}

@media screen and (max-width:640px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    .content-area .section {
        margin: 0 0 2em;
    }
    .right-rail .scripty{
        padding-bottom: 6px;
    }
    .accordion a.ui-state-default {
        height: auto !important;
    }
}


@media screen and (max-width:480px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    #rules-hub .content-rail{
        width: auto;
    }
    .accordion a.ui-state-default {
        height: auto !important;
    }
    .accordion li{font-size:12px !important;}
    h1#general-welcome {
        font-size: 25px;
    }

}