/* ========================= */
/* RESET */
/* ========================= */

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

/* ========================= */
/* BODY */
/* ========================= */

body{
    background:#000000;
    font-family:Arial, sans-serif;
}

/* ========================= */
/* CONTENEDOR */
/* ========================= */

.container-fluid{
    width:100%;
}

/* ========================= */
/* FLEXBOX */
/* ========================= */

.row{
    display:flex;
    flex-wrap:wrap;
}

/* ========================= */
/* CAJAS */
/* ========================= */

.caja{
    height:150px;
    border:2px solid black;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:30px;
    font-weight:bold;
    color:white;
}

/* ========================= */
/* XS */
/* CELULAR */
/* ========================= */

.caja{
    background:#ff0000;
}

/* ========================= */
/* SM */
/* TABLET */
/* ========================= */

@media(min-width:576px){

.caja{
    background:#00bfff;
}

}

/* ========================= */
/* MD */
/* COMPUTADOR */
/* ========================= */

@media(min-width:768px){

.caja{
    background:#32cd32;
}

}