* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
    font-family: 'Courier New', Courier, monospace;
    background-color: rgb(241, 241, 241);
}

.caja1 {
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;

}
.caja2 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja3 {
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja4 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja5{
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja6 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja7{
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja8 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja9{
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja10 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja11 {
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja12 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja13 {
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}
.caja14 {
    border: 2px black solid;
    background-color: rgb(0, 118, 187);
    height: 100px;
}
.caja15 {
    border: 2px black solid;
    background-color: rgb(14, 247, 6);
    height: 100px;
}

@media (min-width: 100px) and (max-width: 992px) {
    /* Aquí cambias los colores para el formato Telefono */
    .caja1 { background-color: purple; }
    .caja2 { background-color: orange; }
    .caja3 { background-color: purple; }
    .caja4 { background-color: orange; }
    .caja5 { background-color: purple; }
    .caja6 { background-color: purple; }
    .caja7 { background-color: orange; }
    .caja8 { background-color: purple; }
    .caja9 { background-color: orange; }
    .caja10 { background-color: purple; }
    .caja11 { background-color: orange; }
    .caja12 { background-color: purple; }
    .caja13 { background-color: orange; }
    .caja14 { background-color: purple; }
    .caja15 { background-color: orange; }
}
@media (min-width: 993px) and (max-width: 1200px) {
    /* Aquí cambias los colores para el formato Tablet */
    .caja1 { background-color: rgb(87, 35, 35); }
    .caja2 { background-color: yellow; }
    .caja3 { background-color: rgb(87, 35, 35); }
    .caja4 { background-color: yellow; }
    .caja5 { background-color: rgb(87, 35, 35); }
    .caja6 { background-color: rgb(87, 35, 35); }
    .caja7 { background-color: yellow; }
    .caja8 { background-color: rgb(87, 35, 35); }
    .caja9 { background-color: yellow; }
    .caja10 { background-color: rgb(87, 35, 35); }
    .caja11 { background-color: rgb(87, 35, 35); }
    .caja12 { background-color: yellow; }
    .caja13 { background-color: rgb(87, 35, 35); }
    .caja14 { background-color: yellow; }
    .caja15 { background-color: rgb(87, 35, 35); }
}