/*2200px*/
@media (max-width:2200px) and (min-width:2001px){
    #voce-pode{
        gap:4em;
        padding:3em 6em 4em;
    }

    #voce-pode-div-title{    
        width:1150px;
    }

    .voce-pode-item{
        width:400px;
        grid-template-rows: 180px 100px;
    }

    .voce-pode-item img{
        height: 180px;
    }

    .voce-pode-item p{
        font-size:22px;
    }
}

/*2000px*/
@media (max-width:2000px) and (min-width:1701px){
    #voce-pode{
        gap:4em;
        padding:2em 6em 4em;
    }

    #voce-pode-div-title{    
        width:950px;
    }

    .voce-pode-item{
        width:350px;
        grid-template-rows: 180px 80px;
        gap: 0.5em;
    }

    .voce-pode-item img{
        height: 150px;
    }

    .voce-pode-item p{
        font-size:20px;
    }
}

/*1700px*/
@media (max-width:1700px) and (min-width:1401px){
    #voce-pode{
        gap:4em;
        padding:2em 6em 4em;
    }

    #voce-pode-div-title{    
        width:880px;
        height:70px;
    }

    .voce-pode-item{
        width:350px;
        grid-template-rows: 120px 80px;
        gap: 1em;
    }

    .voce-pode-item img{
        height: 120px;
    }

    .voce-pode-item p{
        font-size:18px;
    }
}

/*1400px*/
@media (max-width:1400px) and (min-width:1201px){
    #voce-pode{
        gap:3em;
        padding:2em 6em 3em;
    }

    #voce-pode-div-title{    
        width:800px;
        height:60px;
        background-size: 7%;
    }
    #div-voce-pode-container{
        gap:3em;
    }

    .voce-pode-item{
        width:300px;
        grid-template-rows: 100px 80px;
        gap: 1em;
    }

    .voce-pode-item img{
        height: 100px;
    }

    .voce-pode-item p{
        font-size:16px;
    }
}

/*1200px*/
@media (max-width:1200px) and (min-width:901px){    
    #voce-pode{
        gap:3em;
        padding:1em 4em 2em;
    }

    #voce-pode-div-title{    
        width:680px;
        height:50px;
        background-size: 7%;
    }
    #div-voce-pode-container{
        gap:3em;
    }

    .voce-pode-item{
        width:200px;
        grid-template-rows: 100px 80px;
        gap: 0.5em;
    }

    .voce-pode-item img{
        height: 90px;
    }

    .voce-pode-item p{
        font-size:14px;
    }
}

/*900px*/
@media (max-width:900px) and (min-width:701px){    
    #voce-pode{
        gap:3em;
        padding:1em 2em 2em;
    }

    #voce-pode-div-title{    
        width:580px;
        height:40px;
        background-size: 6%;
    }
    #div-voce-pode-container{
        gap:1em;
    }

    .voce-pode-item{
        width:180px;
        grid-template-rows: 100px 80px;
        gap: 0.2em;
    }

    .voce-pode-item img{
        height: 80px;
    }

    .voce-pode-item p{
        font-size:13px;
    }
}

/*700px*/
@media (max-width:700px) and (min-width:551px){    
    #voce-pode{
        gap:2em;
        padding:1em 2em 2em;
    }

    #voce-pode-div-title{    
        width:480px;
        height:30px;
        background-size: 6%;
    }
    #div-voce-pode-container{
        gap:1em;
    }

    .voce-pode-item{
        width:130px;
        grid-template-rows: 80px 80px;
        gap: 0.1em;
    }

    .voce-pode-item img{
        height: 70px;
    }

    .voce-pode-item p{
        font-size:12px;
    }
}

/*550px*/
@media (max-width:550px) and (min-width:431px){    
    #voce-pode{
        gap:1em;
        padding:1em 2em;
    }

    #voce-pode-div-title{    
        width:380px;
        height:30px;
        background-size: 6%;
    }
    #div-voce-pode-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        
        gap:1em;
    }

    .voce-pode-item{
        width:100%;
        
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .row-reverse{
        flex-direction: row-reverse;
    }

    .voce-pode-item img{
        height: 100px;
    }

    .voce-pode-item p{
        font-size:12px;
    }
}

/*430px*/
@media (max-width:430px){    
    #voce-pode{
        gap:1em;
        padding:1em 2em;
    }

    #voce-pode-div-title{    
        width:200px;
        height:auto;
        background-size: 0%;
    }

    #div-voce-pode-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        
        gap:0.5em;
    }

    .voce-pode-item{
        width:100%;
        
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .row-reverse{
        flex-direction: row-reverse;
    }

    .voce-pode-item img{
        height: 70px;
    }

    .voce-pode-item p{
        font-size:10px;
    }
}