/*== 2000px ==*/
@media (max-width:2200px) and (min-width:1901px){
    #mulheres{
        font-size: 100px;
    }
    #potentes{
        font-size: 105px;
    }
    #organizadas{
        font-size: 65px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 18px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        font-size: 20px;
    }
}

/*== 1900px ==*/
@media (max-width:1900px) and (min-width:1701px){
    #mulheres{
        font-size: 85px;
    }
    #potentes{
        font-size: 90px;
    }
    #organizadas{
        font-size: 56px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 16px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        font-size: 18px;
    }
}
/*== 1700px ==*/
@media (max-width:1700px) and (min-width:1451px){
    #hero{
        gap:1em;
        padding-left: 8em;
    }

    #mulheres{
        font-size: 75px;
    }
    #potentes{
        font-size: 78px;
    }
    #organizadas{
        font-size: 50px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 15px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        font-size: 16px;
    }
}

/*== 1450px ==*/
@media (max-width:1450px) and (min-width:1201px){
    #hero{
        gap:1em;
        padding-left: 6em;
    }

    #mulheres{
        font-size: 75px;
    }
    #potentes{
        font-size: 78px;
    }
    #organizadas{
        font-size: 50px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 14px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        font-size: 14px;
    }
}

/*== 1200px ==*/
@media (max-width:1200px) and (min-width:1051px){
    #hero{
        gap:1em;
        padding-left: 4em;
    }

    #mulheres{
        font-size: 70px;
    }
    #potentes{
        font-size: 73px;
    }
    #organizadas{
        font-size: 45px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 14px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        font-size: 14px;
    }
}
/*== 1050px ==*/
@media (max-width:1050px) and (min-width:851px){
    #hero{
        gap:1em;
        padding-left: 3em;
        background-position: 50% 0%;
    }

    #mulheres{
        font-size: 60px;
    }
    #potentes{
        font-size: 63px;
    }
    #organizadas{
        font-size: 40px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 13px;
    }

    /*botoes de CTA*/
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.5em 1em;    
    }
    #hero-ctas{
        font-size: 14px;

    }
}

/*== 850px ==*/
@media (max-width:850px) and (min-width:751px){
    #hero{
        gap:0.7em;
        padding-left: 3em;
        background-position: 60% 0%;
    }

    #mulheres{
        font-size: 50px;
    }
    #potentes{
        font-size: 52px;
    }
    #organizadas{
        font-size: 33px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        font-size: 12px;
    }

    /*botoes de CTA*/
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.3em 1em;    
    }
    #hero-ctas{
        font-size: 13px;
    } 
}

/*== 750px ==*/
@media (max-width:750px) and (min-width:601px){
    #hero{
        gap:0.7em;
        padding-left: 2em;
        background-position: 60% 0%;
    }

    #mulheres{
        font-size: 46px;
    }
    #potentes{
        font-size: 48px;
    }
    #organizadas{
        font-size: 30px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        width: 40%;
        font-size: 12px;
    }

    /*botoes de CTA*/
    #hero-ctas{
        gap:0.5em;
    }
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.3em 0.8em;    
    }
    #hero-ctas{
        font-size: 12px;
    }   
}
/*== 600px ==*/
@media (max-width:600px) and (min-width:451px){
    #hero{
        background-image: url("../../../img/home/hero-mobile.png");
        background-size:100%;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 30% 0%;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap:2em;

        padding-left: 0;
    }

    #hero-title-container{
        width:80%;
        text-align: center;
    }

    #mulheres{
        font-size: 60px;
    }
    #potentes{
        font-size: 62px;
    }
    #organizadas{
        font-size: 39px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        width: 70%;
        font-size: 14px;
        text-align: center;
    }

    /*botoes de CTA*/
    #hero-ctas{
        width: 80%;
        gap: 1em;
        justify-content: center;
    }
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.3em 0.8em;    
    }
    #hero-ctas{
        font-size: 15px;
    }
}
/*== 450px ==*/
@media (max-width:450px) and (min-width:371px){
    #hero{
        height: 80vh;
        
        background-image: url("../../../img/home/hero-mobile.png");
        background-size:100%;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 30% 0%;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap:1em;

        padding-left: 0;
    }

    #hero-title-container{
        width:80%;
        text-align: center;
    }

    #mulheres{
        font-size: 50px;
    }
    #potentes{
        font-size: 52px;
    }
    #organizadas{
        font-size: 32px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        width: 70%;
        font-size: 12px;
        text-align: center;
    }

    /*botoes de CTA*/
    #hero-ctas{
        width: 80%;
        gap: 1em;
        justify-content: center;
    }
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.3em 0.8em;    
    }
    #hero-ctas{
        font-size: 13px;
    }  
}
/*== 370px ==*/
@media (max-width:370px){
    #hero{
        height: 70vh;

        background-image: url("../../../img/home/hero-mobile.png");
        background-size:100%;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 30% 0%;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap:1em;

        padding-left: 0;
    }

    #hero-title-container{
        width:90%;
        text-align: center;
    }

    #mulheres{
        font-size: 40px;
    }
    #potentes{
        font-size: 42px;
    }
    #organizadas{
        font-size: 26px;
    }

    /* A OSC MULHERES DA PARADA...*/
    #hero-subtitle-container{
        width: 60%;
        font-size: 10px;
        text-align: center;
    }

    /*botoes de CTA*/
    #hero-ctas{
        width: 80%;
        gap: 1em;
        justify-content: center;
    }
    #hero-ctas a{
        border:2px solid var(--white);
        padding:0.3em 0.8em;    
    }
    #hero-ctas{
        font-size: 12px;
    }
}