.texto {
    width: 80%; /* Added width to control text width */
    margin: 30px auto; /* Center the .texto class horizontally */
}

.texto h1 {
    text-align: center;
    font-size: 35px;
}

.texto h2 {
    text-align: center;
    font-size: 20px;
    opacity: 70%;
    margin-bottom: 10px;
}

.texto p {
    text-align: left; /* Left alignment for paragraphs */
    font-size: 17px;
    opacity: 50%;
    margin-left: 150px;

}

/*-- CSS RESPONSIVO --*/

@media(max-width:768px) {

    .texto {
        padding-top: 30%;
        width: 90%; /* Added width to control text width */
        margin: 30px auto; /* Center the .texto class horizontally */
    }
    
    .texto h1 {
        text-align: center;
        font-size: 25px;
    }
    
    .texto h2 {
        text-align: center;
        font-size: 15px;
        opacity: 70%;
        margin-bottom: 0px;
    }
    
    .texto p {
        text-align: left; /* Left alignment for paragraphs */
        font-size: 15px;
        opacity: 50%;
        margin-left: 20px;
    
    }
}