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

body{
    background-color: black;
}

.caja1{
    background-color: #b7094c;
    border: 2px solid white;

}

.caja2{
    background-color: #a01a58;
    border: 2px solid white;
}

.caja3{
    background-color: #892b64;
    border: 2px solid white;
}

@media (min-width: 0px) and (max-width: 991px){
    .caja1{
        background-color: #2e6f95;
        border: 2px solid white;
    }
}

@media (min-width: 0px) and (max-width: 991px){
    .caja2{
        background-color: #1780a1;
        border: 2px solid white;
    }
}

@media (min-width: 0px) and (max-width: 991px){
    .caja3{
        background-color: #0091ad;
        border: 2px solid white;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .caja1{
        background-color: #723c70;
        border: 2px solid white;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .caja2{
        background-color: #5c4d7d;
        border: 2px solid white;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .caja3{
        background-color: #455e89;
        border: 2px solid white;
    }
}