html, body {
    font: 87.5%/1.5em 'Open Sans', sans-serif;
    background:url(../img/bg.png)no-repeat top fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height:100%;
    width:100%;
    text-align:center;
    position: fixed;
    margin: 0 auto;
}

#logo {
    padding: 5px;
    background: transparent url("../img/logo.png") no-repeat center;
    background-size: contain;
    width:1000px;
    height:300px;
    z-index: 1;
    top:50px;
   
    margin-bottom: 10px;
}

#container_number_score {

    text-align: center;
    color: white;
    font-size: 1.1em;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    padding: 10px 10px 10px 10px;
    background-color: #b0111e;
    z-index: 2;
    border: 3px white solid;
    border-radius: 50px;
    margin-bottom: 20px;
}

#container_score {
    padding: 3px 3px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(100, 100, 100, 0);
    z-index: 3;
    overflow: auto;
    border: rgba(255, 255, 255, 0) solid 3px;
    border-radius: 20px;
    max-width:800px;
    max-height: 400px;
    

}


table {

    width: 100%;
    margin-top: 5px;
    border: 1px #282729 solid;
    border-radius: 5px;
    background-color: #282729;
    margin-right: auto ;
    margin-left: auto ;
}

th {

    background-color: #b0111e;
    color: #fcf4ff;
    height: 5px;
    border-radius: 5px;
}

td {

    background-color: rgba(0, 0, 0, 0.24);
    color: white;
    height: 5px;
}

th, td {

    
    text-align: center
}


@media screen and (min-width: 0px) and (max-width: 480px) {

#logo {

    height:150px;
    width:300px;
    
}


#container_number_score {
border: 3px #282729 solid;
}


 th, td {

    padding: 5px;
    

    
}



}

@media screen and (min-width: 481px) and (max-width: 800px) {



#logo {

    height:250px;
    width:500px;
}

#container_number_score {
border: 3px white solid;
}

 th, td {

    padding: 5px;
    
}



}


@media screen and (min-width: 801px) and (max-width: 1920px) {
    #logo {

    height:250px;
    width:1000px;
}

#container_score {
 
}


  th, td {

    padding: 5px;
    
}

}