/*#region DESCRIÇÃO SOBRE*/
main .titulo {
    text-align: center;
    color: #1b2839;
    font-size: 2em;
}

main .sobre-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
}

main .sobre-container .descricao p{
    margin-bottom: 20px;
}

main .sobre-container .descricao h2{
    color: #1b2839;
}

main .sobre-container .descricao .frase{
    font-family: 'Lobster', cursive; 
    font-size: 1.2em;
    margin-top: 100px;
}

main .sobre-container .descricao .frase span{
    font-size: .7em;
}
/*#endregion*/

/*#region MEDIA QUERY*/
@media (max-width: 320px){
    main .titulo {
        font-size: 1.3em;
    }

    main .sobre-container .descricao p{
        font-size: .9em;
        margin: 20px;
    }

    main .sobre-container .descricao h2{
        font-size: 1em;
    }

    main .sobre-container .descricao .frase{
        font-size: 1em;
    }
    
    main .sobre-container .descricao .frase span{
        font-size: .6em;
    }
}

@media (min-width: 375px){
    main .titulo {
        font-size: 1.4em;
    }

    main .sobre-container .descricao p{
        font-size: .9em;
        margin: 20px;
    }

    main .sobre-container .descricao .frase{
        font-size: 1em;
    }
    
    main .sobre-container .descricao .frase span{
        font-size: .6em;
    }
}

@media (min-width: 425px){
    main .titulo {
        font-size: 1.8em;
    }

    main .sobre-container .descricao p{
        margin: 20px;
    }
    main .sobre-container .descricao h2{
        font-size: 1.2em;
    }

    main .sobre-container .descricao .frase{
        font-size: 1.2em;
    }
    
    main .sobre-container .descricao .frase span{
        font-size: .6em;
    }
}

@media (min-width: 1024px){

    main .titulo {
        font-size: 3em;
    }
    main .sobre-container .descricao p{
        margin-left: 100px;
        margin-right: 100px;
    }

    main .sobre-container .descricao .frase{
        font-size: 1.5em;
    }
    
    main .sobre-container .descricao .frase span{
        font-size: .8em;
    }
}
/*#endregion*/