@media screen and (min-width: 1001){
    body{
        overflow: auto !important;
    }
}
body{
    background: rgb(30,30,30);
}
#background{
    z-index: -4;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; min-height: 500px;
    background: url(Resources/Images/Background/back.jpg) no-repeat center; background-size: cover;
}
#backGrad{
    z-index: -3;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; min-height: 500px;
    background: linear-gradient(transparent, rgb(30,30,30));
}

/*---LOADER---*/
#pageLoader{
    background: rgb(40,40,40) !important;
}
#loadTitle{
    color: rgb(235,235,235);
}
#loadingBar{
    background: rgb(20,20,20);
}
#loader{
    background: rgb(235,235,235);
}

/*---BLACKLIST---*/
footer{
    margin-top: 10px;
}

.profileCont{
    float: left; overflow: hidden;
    position: relative;
    height: 150px; width: calc(50% - 20px);
    margin: 10px;
}

.profileBack{
    z-index: -2;
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgb(235,235,235);
}
.profileCover{
    z-index: -2;
    position: absolute; left: 0; top: 0;
    width: 0px; height: 100%;
    background: rgb(255,255,255);
    transition: 0.2s;
}
.profileCont:hover .profileCover{
    width: 100%;
}

.profileContent{
    position: relative;
    width: 100%; height: 100%;
    /*background: rgb(235,235,235);*//*235,235,235 - 20,20,20*/
}
.profileContBack{
    position: absolute;
}
.profileContent div{
}
.profilePosition{
    float: left;
    height: 100%; width: 80px;
    font-family: bebas; font-size: 45px; text-align: center; line-height: 150px; color: rgb(90,90,90);/*90,90,90 - 155,155,155*/
}
.profileAvatar{
    float: left;
    width: 150px; height: 100%;
    background: url(Resources/Images/Members/Formulaswede/avatar.jpg) no-repeat center; background-size: cover;
}
.profileSplitter{
    display: none; float: left; box-sizing: border-box;
    height: 100%; width: 1px;
    padding: 50px 0px 50px 0px;
    background: rgb(155,155,155);
}
.profileId div{
    overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
    
}
.profileId{
    display: table-cell; vertical-align: middle; box-sizing: border-box;
    position: relative;
    height: 150px;
    padding: 0px 20px 0px 20px;
}
.profileUsername{
    color: rgb(40,40,40);/*40,40,40 - 235,235,235*/ font-family: built titling; font-size: 50px; line-height: 48px;
}
.profileRealname{
    color: rgb(90,90,90);/*90,90,90 - 155,155,155*/ font-family: arial narrow; text-transform: uppercase; line-height: 15px;
}

/*RESPONS*/
/*1400*/
@media screen and (max-width:1400px){    
    .profileCont{
        height: 125px; width: calc(50% - 12px);
        margin: 6px;
    }
    .profilePosition{
        line-height: 125px;
    }
    .profileAvatar{
        height: 125px; width: 125px;
    }
    .profilePosition{
        font-size: 40px;
    }
    .profileId{
        height: 125px;
    }
    .profileUsername{
        font-size: 45px;
    }
}
/*980*/
@media screen and (max-width: 1000px){    
    #titleCont{
        padding-bottom: 25px; padding-top: 0px;
        color: white;
    }
    #titleDesc{
        font-family: gravity; width: 100%;
    }
    #main{
        box-sizing: border-box;
        width: 100%;
        padding: 40px 10px 0px 10px;/* margin-top: 70px;*/
    }
    .profileCont{
        width: 100%;
        margin: 5px 0px 5px 0px;
    }
}
@media screen and (max-width: 600px){
    #title{
        font-size: 70px; line-height: 70px;
    }
    
    .profileAvatar{
        display: none;
    }
    .profileSplitter{
        display: block;
        height: calc(100% - 40px);
        margin: 20px 0px 20px 0px; padding: 0px;
    }
}