img{
width: 100%;

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

background-color: rgb(255, 255, 255);

margin: 5px;
padding: 5px;

}
  
.caixa{
 width: 100%;
}

.vermelho{
background-color: rgb(255, 255, 255);
height:250px;
}

.azul{
background-color: rgb(0, 0, 0);
height: 1000px;
width: 50%%;
}

.verde{
background-color: rgb(255, 255, 255);
height: 250px;
}
 @media screen and (min-width:600PX)   {
    .vermelho{
width:100%;
    }
.azul{
width: 100%;
}
 }
 @media screen and (min-width:800px) {
    .azul{width: 50%;}
.vermelho
{width:25%;}
.verde {width:25%}
.b1{
    background-color: rgb(255, 255, 255);
    height: 1000px;
    width: 25%;
    }
    .b2{
        background-color: rgb(255, 255, 255);
        height: 500px;
        width: 25%;
        }
        .b3{
            background-color: rgb(255, 255, 255);
            height: 500px;
            width: 25%;
            }
            .b4{
                background-color: rgb(255, 255, 255);
                height: 500px;
                width: 25%;
                }
                .b5{
                    background-color: rgb(255, 255, 255);
                    height: 500px;
                    width: 25%;
                    }
                    .b6{
                        background-color: rgb(255, 255, 255);
                        height: 1000px;
                        width: 25%;
                        }
                        .b7{
                            background-color: rgb(255, 255, 255);
                            height: 500px;
                            width: 25%;
                            }
                            .b8{
                                background-color: rgb(255, 255, 255);
                                height: 500px;
                                width: 25%;
                                }
                                .b9{
                                    background-color: rgb(255, 255, 255);
                                    height: 500px;
                                    width: 25%;
                                    }
                                    .b10{
                                        background-color: rgb(255, 255, 255);
                                        height: 500px;
                                        width: 25%;
                                        }
                                        .b11{
                                            background-color: rgb(255, 255, 255);
                                            height: 500px;
                                            width: 25%;
                                            }
                                            .b12{
                                                background-color: rgb(255, 255, 255);
                                                height: 500px;
                                                width: 25%;
                                                }
 }