[id*=rust]:target ~ div .col-md-8 > .rust, 
[id*=general]:target ~ div .col-md-8 > .general, 
[id*=rules]:target ~ div .col-md-8 > .rules, 
[id*=premium]:target ~ div .col-md-8 > .premium,
#rules1:target ~ div .rules1 ,
#rules2:target ~ div .rules2 ,
#rules3:target ~ div .rules3 ,
#rules4:target ~ div .rules4 ,
#rules5:target ~ div .rules5 ,
#rules6:target ~ div .rules6 ,
#rules7:target ~ div .rules7 ,
#rules8:target ~ div .rules8 ,
#rules9:target ~ div .rules9 ,
#rust1:target ~ div .rust1 ,
#rust2:target ~ div .rust2 ,
#rust3:target ~ div .rust3 ,
#rust4:target ~ div .rust4 ,
#rust5:target ~ div .rust5 ,
#rust6:target ~ div .rust6 ,
#rust7:target ~ div .rust7 ,
#rust8:target ~ div .rust8 ,
#rust9:target ~ div .rust9 ,
#rust10:target ~ div .rust10 ,
#rust11:target ~ div .rust11 ,
#premium1:target ~ div .premium1 ,
#premium2:target ~ div .premium2 ,
#general1:target ~ div .general1 ,
#general2:target ~ div .general2 ,
#general3:target ~ div .general3 ,
#general4:target ~ div .general4 ,
#general5:target ~ div .general5 {
    max-height: inherit;
    height: auto;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 12px;
}
div:target ~ div .col-md-8 > .collapse h4{
    padding: 12px
}
.col-md-8 .collapse > a{;
    color: #fff;
    text-decoration: none
}

a:hover > h4,
#general1:target ~ div a[href="#general1"] h4,
#general2:target ~ div a[href="#general2"] h4,
#general3:target ~ div a[href="#general3"] h4,
#general4:target ~ div a[href="#general4"] h4,
#general5:target ~ div a[href="#general5"] h4,
#rust1:target ~ div a[href="#rust1"] h4,
#rust2:target ~ div a[href="#rust2"] h4,
#rust3:target ~ div a[href="#rust3"] h4,
#rust4:target ~ div a[href="#rust4"] h4,
#rust5:target ~ div a[href="#rust5"] h4,
#rust6:target ~ div a[href="#rust6"] h4,
#rust7:target ~ div a[href="#rust7"] h4,
#rust8:target ~ div a[href="#rust8"] h4,
#rust9:target ~ div a[href="#rust9"] h4,
#rust10:target ~ div a[href="#rust10"] h4,
#rust11:target ~ div a[href="#rust11"] h4,
#premium1:target ~ div a[href="#premium1"] h4,
#premium2:target ~ div a[href="#premium2"] h4,
#rules1:target ~ div a[href="#rules1"] h4,
#rules2:target ~ div a[href="#rules2"] h4,
#rules3:target ~ div a[href="#rules3"] h4,
#rules4:target ~ div a[href="#rules4"] h4,
#rules5:target ~ div a[href="#rules5"] h4,
#rules6:target ~ div a[href="#rules6"] h4,
#rules7:target ~ div a[href="#rules7"] h4,
#rules8:target ~ div a[href="#rules8"] h4,
#rules9:target ~ div a[href="#rules9"] h4{
    color: #7f47dd !important;
    border-bottom: 1px solid #7f47dd !important;
}
.fnav > div[id*=ru] ,
.fnav > div[id*=premium] ,
.fnav > div[id*=general] {
    display: none
}
[id*=rust]:target ~ div nav a[href="#rust"], 
[id*=general]:target ~ div nav a[href="#general"], 
[id*=rules]:target ~ div nav a[href="#rules"], 
[id*=premium]:target ~ div nav a[href="#premium"] {
    background: #7f47dd;
    border-color: #7f47dd
}