#cuerpo {width: 99%;
        background: #33FFFF;
        font-size: 23px;
        height: 900px;
}
article {color: #000000;
    display: inline-block;
    margin: 0px 300px;
    font-size: 28px;
}
#Explicación { text-align: center;
            width: 87%;
            height: 50px;
            display: inline-block;
            border: 2px solid #9933FF;
            color: #FF0033;
 }
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
#cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 60px;
        border: 3px solid #9933FF;
}
img {width: 60px;
        height: 60px;
    display: inline-block;
}
#pie {background: #99FFFF;
    text-align: center;
    width: 99.7%;
    height: 30px;
    border: 5px solid #9933FF;
    color: #FF0033;
    margin-top: 61px;
}
#tabla1 {margin-top: 50px;
        margin-left: 350px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 252px;
        height: 120px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 26px;
    }

#rojo1, #rojo2, #rojo3, #rojo4, #rojo5, #rojo6, #rojo7, #rojo8, #rojo9, #rojo10, #rojo11{
        color: red;
        font-style: initial;
}#chapa,#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 26px;
}
        -->
}
<!--Para que no aparezcan las flechitas en la caja --> 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
//Firefox:
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}
input[type=number] {
    -moz-appearance:textfield;
}
@media (min-width: 300px) { /*para teléfono pequeñísimo*/
   #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 30px;
        border: 2px solid #9933FF;
}
img {width: 26px;
        height: 26px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 75px;
    font-size: 15px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 35px;
        font-size: 11px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 11px;
}
#tabla1 {margin-top: 50px;
        margin-left: 10px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 125px;
        height: 50px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 17px;
    }


}
    
@media (min-width: 400px) { /*para teléfono muy pequeño*/
    #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 35px;
        border: 2px solid #9933FF;
}
img {width: 35px;
        height: 35px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 100px;
    font-size: 18px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 50px;
        font-size: 15px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 15px;
}
#tabla1 {margin-top: 50px;
        margin-left: 45px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 140px;
        height: 65px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 21px;
    }

}

@media (min-width: 460px) { /*para teléfono pequeño*/
#cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 40px;
        border: 2px solid #9933FF;
}
img {width: 40px;
        height: 40px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 125px;
    font-size: 20px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 75px;
        font-size: 17px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 17px;
}
#tabla1 {margin-top: 50px;
        margin-left: 75px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 160px;
        height: 75px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 21px;
    }


   }


@media (min-width: 530px) { /* para teléfono */

#cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 45px;
        border: 2px solid #9933FF;
}
img {width: 40px;
        height: 40px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 150px;
    font-size: 22px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 100px;
        font-size: 18px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 18px;
}
#tabla1 {margin-top: 50px;
        margin-left: 100px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 175px;
        height: 90px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 21px;
    }


    
}



@media (min-width: 600px) { /* para teléfono grande */
        #cuerpo {
        height: 1200px;
}
    #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 50px;
        border: 2px solid #9933FF;
}
img {width: 45px;
        height: 45px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 200px;
    font-size: 23px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 125px;
        font-size: 20px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 20px;
}
#tabla1 {margin-top: 50px;
        margin-left: 137.5px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 190px;
        height: 95px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 22px;
    }



}

@media (min-width: 768px) { /* para tablet */
        #cuerpo {
        height: 1200px;
}
    #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 52px;
        border: 2px solid #9933FF;
}
img {width: 50px;
        height: 50px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 250px;
    font-size: 24px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 150px;
        font-size: 22px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 22px;
}
#tabla1 {margin-top: 50px;
        margin-left: 200px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 210px;
        height: 100px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 22px;
    }

}
@media (min-width: 900px) { /* para tablet grande */
        #cuerpo {
        height: 1200px;
}
    
   #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 55px;
        border: 3px solid #9933FF;
}
img {width: 55px;
        height: 55px;
    display: inline-block;
}  
article {color: #000000;
    display: inline-block;
    margin: 0px 275px;
    font-size: 26px;
}
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 200px;
        font-size: 25px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 25px;
}
#tabla1 {margin-top: 50px;
        margin-left: 325px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 230px;
        height: 110px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 24px;
    }
}
@media (min-width: 1140px) { /* para ordenador */
  #cabecera {background: #FFCCFF;
        padding: 10px;
        width: 97%;
        height: 60px;
        border: 3px solid #9933FF;
}
img {width: 60px;
        height: 60px;
    display: inline-block;
} 
article {color: #000000;
    display: inline-block;
    margin: 0px 300px;
    font-size: 28px;
} 
#Actividad { text-align: left;
            width: 99.7%;
            height: 800px;
            display: block;
            border: 2px solid #9933FF;
 }
 #chapa{
        text-align: left;
        margin: 5px, 200px;
        font-size: 26px;
}
#chapados{
        text-align: center;
        margin: 5px, auto;
        font-size: 26px;
}
#tabla1 {margin-top: 50px;
        margin-left: 350px;
        background-color: #99FFFF;
}
#celda0101, #celda0102 {color: #000000;
        width: 252px;
        height: 120px;
        text-align: center;
        border: 1px solid #FF9900; 
        font-size: 26px;
    }

}