/*2200px*/
@media (max-width:2200px) and (min-width:2001px){
    #nossos-apoiadores-title{
        width:800px;
    }

    #apoiadores{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap:30px;
    }
    
    .apoiador{
        width:130px;
    }

    .apoiador-reduce{
        width:180px;
    }

}

/*2000px*/
@media (max-width:2000px) and (min-width:1701px){
    #nossos-apoiadores{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #nossos-apoiadores-title{
        width:700px;
        height: 80px;
    }

    #apoiadores{
        padding-left:8em;
        padding-right:8em;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap:30px;
    }
    .apoiador{
        width:100px;
    }

    .apoiador-reduce{
        width:150px;
    }
}

/*1700px*/
@media (max-width:1700px) and (min-width:1401px){
    #nossos-apoiadores{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #nossos-apoiadores-title{
        width:630px;
        height: 75px;
    }

    #apoiadores{
        padding-left:8em;
        padding-right:8em;

        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap:30px;
    }
    .apoiador{
        width:80px;
    }

    .apoiador-reduce{
        width:130px;
    }
}

/*1400px*/
@media (max-width:1400px) and (min-width:1201px){
    #nossos-apoiadores{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #nossos-apoiadores-title{
        width:550px;
        height: 70px;
    }

    #apoiadores{
        padding-left:6em;
        padding-right:6em;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap:20px;
    }
    .apoiador{
        width:60px;
    }

    .apoiador-reduce{
        width:110px;
    }
}

/*1200px*/
@media (max-width:1200px) and (min-width:901px){    
    #nossos-apoiadores{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #nossos-apoiadores-title{
        width:470px;
        height: 50px;
        background-size: 10%;
    }
    
    #apoiadores{
        padding-left:6em;
        padding-right:6em;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap:30px;
    }

    .apoiador{
        width:60px;
    }
    
    .apoiador-reduce{
        width:100px;
    }
}

/*900px*/
@media (max-width:900px) and (min-width:701px){    
    #nossos-apoiadores{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #nossos-apoiadores-title{
        width:410px;
        height: 45px;
        background-size: 10%;
    }

    #nossos-apoiadores h2{
        padding-top:10px;
        padding-bottom:40px;
    }

    #apoiadores{
        padding-left:6em;
        padding-right:6em;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap:30px;
    }

    .apoiador{
        width:50px;
    }
    
    .apoiador-reduce{
        width:90px;
    }
}

/*700px*/
@media (max-width:700px) and (min-width:551px){    
    #nossos-apoiadores{
        padding-top: 10px;
        padding-bottom: 30px;
    }
    #nossos-apoiadores-title{
        width:340px;
        height: 35px;
        background-size: 10%;
    }

    #nossos-apoiadores h2{
        padding-top:10px;
        padding-bottom:40px;
    }

    #apoiadores{
        padding-left:4em;
        padding-right:4em;

        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap:20px;
    }

    .apoiador{
        width:50px;
    }
    
    .apoiador-reduce{
        width:80px;
    }
}

/*550px*/
@media (max-width:550px) and (min-width:431px){    
    #nossos-apoiadores{
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #nossos-apoiadores-title{
        width:270px;
        height: 30px;
        background-size: 10%;
    }

    #nossos-apoiadores h2{
        padding-top:5px;
        padding-bottom:25px;
    }

    #apoiadores{
        padding-left:3em;
        padding-right:3em;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap:20px;
    }

    .apoiador{
        width:50px;
    }
    
    .apoiador-reduce{
        width:70px;
    }
}

/*430px*/
@media (max-width:430px){    
    #nossos-apoiadores{
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #nossos-apoiadores-title{
        width:240px;
        height: 30px;
        background-size: 10%;
    }

    #nossos-apoiadores h2{
        padding-top:5px;
        padding-bottom:25px;
    }

    #apoiadores{
        padding-left:2em;
        padding-right:2em;

        grid-template-columns: 1fr 1fr 1fr;
        gap:20px;
    }

    .apoiador{
        width:40px;
    }
    
    .apoiador-reduce{
        width:60px;
    }
}