/* CSS específico para dispositivos móveis com largura máxima de 768px */
@media only screen and (max-width: 768px) {

    /* Body */
    body {
        font-size: 16px;
        line-height: 1.4;
    }

    /* Navbar */
    .navbar {
        padding: 10px;
    }

    .navbar-brand img {
        max-width: 140px;
    }

    .navbar-nav .nav-link {
        margin-right: 15px;
        font-size: 14px;
    }

    /* Seções */
    .section {
        min-height: auto;
        padding: 20px;
    }

    .section h2 {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .section p {
        font-size: 14px;
    }

    /* Rodapé */
    .footer {
        padding: 15px 0;
        font-size: 14px;
    }

    /* Tamanho das imagens no geral */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Alinhamento para dispositivos móveis */
    .text-center {
        text-align: center;
    }

    /* Para melhorar o espaçamento nas seções */
    .section {
        padding: 40px 20px;
    }

    /* Para reduzir o tamanho do botão */
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* Estilizando cabeçalhos menores */
    h1, h2, h3 {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}