* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    font-family: 'Montserrat', sans-serif;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h2 {
    font-size: 38px;
    font-weight: 600;
}

p {
    line-height: 1.5rem;
}

.logo {
    font-family: 'Orbitron', sans-serif;
    font-size: 38px;
    font-weight: 600;

    padding: 10px;
}

section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section-missao {
    background-color: #000000;
}

.missao {
    display: flex;
    flex-direction: row;
    background-color: #000000;

    color: #ffffff;

    padding: 50px;

    gap: 50px;

    max-width: 1300px;
}

.missao-pontos-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.missao img {
    max-width: 500px;
}

.missao p {
    margin-top: 10px;
}

.missao h3 {
    margin: 20px 0;
}

.missao-pontos {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.servicos {
    display: flex;
    flex-direction: row;

    padding: 50px;

    gap: 50px;

    max-width: 1300px;
}

.servicos-titulo {
    min-width: 500px;
}

.servicos-itens {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.servicos h3 {
    margin: 20px 0;
}

.section-contato {
    background-color: #000000;
}

.contato {
    display: flex;
    flex-direction: row;

    padding: 50px;

    gap: 50px;

    max-width: 1300px;

    width: 100%;
    color: #ffffff;
}

.contato-titulo {
    min-width: 500px;
    max-width: 500px;
}

/* Media Query para dispositivos móveis */
@media (max-width: 768px) {
    .missao {
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

    .missao img {
        max-width: 100%; /* Imagem ocupa 100% da largura disponível */
        height: auto; /* Mantém a proporção da imagem */
    }

    .missao-pontos {
        flex-direction: column;
        gap: 0px;
    }

    .servicos {
        flex-direction: column; /* Alinha os serviços em coluna */
        padding: 20px; /* Reduz o padding */
        gap: 20px;
    }

    .servicos-titulo {
        min-width: auto;
    }

    .servicos-itens {
        flex-direction: column; /* Alinha os itens de serviço em coluna */
        gap: 10px; /* Reduz o espaço entre os itens */
    }

    .contato {
        flex-direction: column; /* Alinha o contato em coluna */
        padding: 20px; /* Reduz o padding */
    }

    .contato-titulo {
        min-width: auto; /* Remove a largura mínima */
        text-align: center; /* Centraliza o texto */
    }

    h2 {
        font-size: 28px; /* Reduz o tamanho da fonte para h2 */
    }

    h3 {
        font-size: 20px; /* Reduz o tamanho da fonte para h3 */
    }

    p {
        font-size: 16px; /* Ajusta o tamanho da fonte para parágrafos */
    }
}