body{
    overflow: hidden;
}
#background{
    z-index: -4;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; min-height: 600px;
    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: 600px;
    background: linear-gradient(transparent, rgb(30,30,30));
}


/*---WINDOW---*/
iframe{
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: none;
}
#iframeCont{
    width: 800px;
    margin: auto;
}
#rulesWindow{
    display: block;
}
#rulesWindowCont{
    overflow-y: auto !important;
}
#rulesContent{
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    background: white !important;
    font-family: gravity;
}
#rulesWindowCont::-webkit-scrollbar{
    width: 8px !important;
}
#rulesWindowCont::-webkit-scrollbar-track{
    background: rgb(235,235,235) !important;
}
#rulesWindowCont::-webkit-scrollbar-thumb{
    background: rgb(200,200,200) !important;
}

#windowNote{
    width: 100%;
    padding: 30px 20px 50px 20px;
    border-bottom: 1px solid lightgray;
}
#noteTitle{
    font-family: built titling; font-size: 50px;
}
#noteDesc{
    margin-bottom: 15px;
    font-family: gravity; font-size: 18px; color: gray;
}
#rulesWindow iframe{
    width: 100%;
}
.button{
    padding: 5px 15px 5px 15px;
    background: rgb(230,230,230) !important;
    font-size: 22px;
}
.buttonTextCont{margin: 5px 15px 5px 15px;}
.button span{
    color: black !important;
}
.buttonOverlay{
    background: lightgray !important;
}

#closeWindowBtn{
    position: fixed; top: 60px; right: calc(50% - 292px);
}
@media screen and (max-width: 1000px){
    #iframeCont{
        width: 100%;
    }
    #closeWindowBtn{
        position: fixed; top: 10px; right: 8px;
    }
    /*#introTitle{
        width: 100%;
        font-size: 60px;
    }
    #introDesc{
        width: 100%;
    }*/
    /*#main{
        overflow: hidden; box-sizing: border-box;
        width: 100%;
        margin: 60px auto 0px auto; padding: 0px 10px 0px 10px;
    }*/
    iframe{
        width: 100%;
        margin: 0px 0px 0px 0px;
        border: none;
    }
}