.grid-rp{
    display: grid;
    width: 80%;
    grid-template-areas:
    'texto img3d'
    'video video'
    'galeria galeria';
    margin: auto;
}



.item1{
    grid-area: texto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item1 .descricao{
    text-align: center;
}

.item2{
    grid-area: img3d;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    
    
}

.item2 .img1{
    width: 40%;
}

.item2 .img2{
    width: 60%;
}




.item3{

    grid-area: galeria;
    display: flex;
    align-items:center;
    justify-content: center;
    
}

.item3 .row{
    padding: 0;
    margin: 0;
}

.item4{

    grid-area: video;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: auto;
    width: 50%;
    
}

.item4 video{
    width: 47%;
    margin: 15px 0;

}

@media screen and (max-width: 1000px){

    .grid-rp{
        width: 100%;
    }


}


@media screen and (max-width: 770px) {


    .grid-rp{
        display: grid;
        width: 90%;
        grid-template-areas:
        'img3d'
        'texto'
        'video'
        'galeria';
        margin: auto;
    }

    .item2 img{
        width: 50%;
    }

    .item4{
        width: 80%;
    }


}


@media screen and (max-width: 500px) {

    .item4{
        width: 100%;
        min-width: 220px;
    }

}