/*2200px*/
@media (max-width:2200px) and (min-width:2001px){
    #nossas-conquistas{        
        gap:4em;
    }

    #grid-nossas-conquistas{
        gap:3em;
    }

}

/*2000px*/
@media (max-width:2000px) and (min-width:1701px){
    #nossas-conquistas{        
        gap:3em;
        padding: 3em 4em;
    }

    #grid-nossas-conquistas{
        gap:2em;
    }

    .conquista-item{
        gap: 20px;

        width: 400px;
        height: 400px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 20px;
    }

    .conquista-item img {
        width:35%;
    }
    .conquista-item h2{
        font-size: 45px;
        line-height: 50px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 22px;
        line-height: 28px;
    }
}

/*1700px*/
@media (max-width:1700px) and (min-width:1401px){
    #nossas-conquistas{        
        gap:3em;
        padding: 3em 4em;
    }

    #grid-nossas-conquistas{
        gap:2em;
    }

    .conquista-item{
        gap: 20px;

        width: 350px;
        height: 350px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 10px;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 40px;
        line-height: 45px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 18px;
        line-height: 22px;
    }
}

/*1400px*/
@media (max-width:1400px) and (min-width:1201px){
    #nossas-conquistas{        
        gap:2em;
        padding: 2em 4em;
    }

    #grid-nossas-conquistas{
        gap:2em;
    }

    .conquista-item{
        gap: 20px;

        width: 300px;
        height: 300px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 5px;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 35px;
        line-height: 45px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 16px;
        line-height: 22px;
    }
}

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

    #title-nossas-conquistas div{
        background-image: url("../../../img/twoShine.png");
        background-repeat: no-repeat;
        background-position:center;

        width:150px;
        height:50px;
    }

    #title-nossas-conquistas h1{
        padding-left:10px;
        padding-right:10px;
    }

    #grid-nossas-conquistas{
        gap:1em;
    }

    .conquista-item{
        gap: 20px;

        width: 250px;
        height: 250px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 5px;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 30px;
        line-height: 40px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 14px;
        line-height: 20px;
    }
}

/*900px*/
@media (max-width:900px) and (min-width:701px){    
    #nossas-conquistas{        
        gap:2em;
        padding: 2em 2em;
    }

    #title-nossas-conquistas div{
        background-image: url("../../../img/twoShine.png");
        background-repeat: no-repeat;
        background-position:center;
        
        width:120px;
        height:50px;
    }

    #title-nossas-conquistas h1{
        padding-left:10px;
        padding-right:10px;
    }

    #grid-nossas-conquistas{
        gap:1em;
    }

    .conquista-item{
        gap: 20px;

        width: 200px;
        height: 200px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 5px;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 25px;
        line-height: 35px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 13px;
        line-height: 16px;
    }
}

/*700px*/
@media (max-width:700px) and (min-width:551px){    
    #nossas-conquistas{        
        gap:1.5em;
        padding: 1.5em 2em;
    }

    #title-nossas-conquistas div{
        background-image: url("../../../img/twoShine.png");
        background-repeat: no-repeat;
        background-position:center;
        background-size: 80%;
        
        width:80px;
        height:50px;
    }

    #title-nossas-conquistas h1{
        padding-left:5px;
        padding-right:5px;
    }

    #grid-nossas-conquistas{
        gap:1em;
    }

    .conquista-item{
        gap: 10px;

        width: 150px;
        height: 150px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 0;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 20px;
        line-height: 30px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 12px;
        line-height: 14px;
    }
}

/*550px*/
@media (max-width:550px) and (min-width:431px){    
    #nossas-conquistas{        
        gap:1.5em;
        padding: 1.5em 2em;
    }


    #title-nossas-conquistas div{
        background-image: url("../../../img/oneShine.png");
        background-repeat: no-repeat;
        background-position:center;
        background-size: 50%;
        
        width:50px;
        height:40px;
    }

    #title-nossas-conquistas h1{
        padding-left:5px;
        padding-right:5px;
    }

    #grid-nossas-conquistas{
        grid-template-columns: 1fr;
        gap:1em;
    }

    .conquista-item{
        flex-direction: row;
        gap: 10px;

        width: 350px;
        height: 150px;
        padding: 10px;
    }

    .conquista-item div{
        gap: 10px;
        width: 60%;
    }

    .conquista-item img {
        width:30%;
    }
    .conquista-item h2{
        font-size: 30px;
        line-height: 30px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 14px;
        line-height: 14px;
    }
}

/*430px*/
@media (max-width:430px){    
    #nossas-conquistas{        
        gap:1em;
        padding: 1em 1.5em;
    }


    #title-nossas-conquistas div{
        background-image: url("../../../img/oneShine.png");
        background-repeat: no-repeat;
        background-position:center;
        background-size: 50%;
        
        width:50px;
        height:40px;
    }

    #title-nossas-conquistas h1{
        padding-left:5px;
        padding-right:5px;
    }

    #grid-nossas-conquistas{
        grid-template-columns: 1fr;
        gap:0.5em;
    }

    .conquista-item{
        flex-direction: row;
        gap: 10px;

        width: 250px;
        height: 100px;
        padding: 2px;
    }

    .conquista-item div{
        gap: 0px;
        width: 60%;
    }

    .conquista-item img {
        width:20%;
    }
    .conquista-item h2{
        font-size: 20px;
        line-height: 30px;
    }
    .conquista-item p, #ultimo-boletim{
        font-size: 11px;
        line-height: 14px;
    }
}