@media (max-width: 1600px) {

    p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    button{
        font-size: 0.9rem;
    }

    h2{
        font-size: 4.8rem;
    }

    .imagem_100{
        display: none;
    }

    .imagem_50{
        display: block;
    }

    progress{
        max-width: 70px;
    }

    h3{
        font-size: 1.4rem;
    }
}

@media (max-width: 1800px) {

    .historia{
        margin-top: 15px;
    }
    
}

@media (max-width: 900px) {

    .container, .containerIndex{
        display: none;
    }

    body{
        background-image: url(../img/cenarios/cenarioIndex.png);
        background-position:top;
        background-size: cover;
        height: 100vh;
    }

    .celular{
        display: flex;
        margin: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        gap: 20px;
    }

    .celular p{
        color: #FFF;
        text-align: center;
        font-family: Lacquer;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        text-decoration-line: underline;
        margin: 5px;
    }
}