@import url(Global.css);




.section-celebracao{
    max-width: 90%;
    height: fit-content;
    text-align: center;
    margin: 160px auto 200px auto;
}


.bandeira{
    width: 500px;
    height: 300px;
    margin: auto;
    
    background-image: url(../img/nova-bandeira-do-orgulho-lgbt.webp);
    background-size: contain;
    background-repeat: no-repeat;

}

.texto-celebracao{
    height: fit-content;
    width: 80%;
    margin: auto;
    text-align: center;
    line-height: 1.2;
    
}

.texto-celebracao p{
    margin-top: 90px;
    font-size: 1.8em;
    font-family: var(--font-roboto);
    font-weight: 300;
    text-align: center;
}



#titulo-celebracao{
    font-size: 2.5em;
    margin-bottom: 100px;
}



.texto-celebracao a{
    text-align: center;
    text-decoration: none;
    

}

.botao-celebracao{
    width: 100%;
    height: 200px;
    text-align: center;
}


.botao-celebracao a{
    text-decoration: none;
    font-family: var(--font-embed);
    font-weight: 300;

}



@media screen and (max-width: 1068px){
    #titulo-celebracao{
        font-size: 1.6em;
    }

    .bandeira{
        width: 250px;
        height: 150px;
        
    }

    .texto-celebracao{
        height: fit-content;
        width: 90%;
        margin: auto;
        
        
        
    }

    .texto-celebracao p{
        margin-top: 90px;
        font-size: 1.3em;
        font-family: var(--font-embed);
        
        
        
        
    }


    
    .botao-celebracao{
        width: 100%;
        height: 200px;
        text-align: center;
    }

    
    



}