.container12 {
    position: relative;
    min-height: 100vh; /* Altura total da viewport */
    display: flex;
}

.metade-esquerda, .metade-direita {
    flex: 1; /* Divide as duas metades igualmente em largura */
    min-height: 100vh; /* Ocupa toda a altura da tela */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente o conteúdo */
    align-items: center; /* Centraliza verticalmente o conteúdo */
}

.metade-esquerda {
    background-color: #003399;
}

.metade-direita {
    background-color: #fff;
}

.text-metade-esquerda {
    color: #fff;
    font-size: 30px;
    text-align: center; /* Centraliza o texto */
}

.logo-metade-direita {
    width: 50%; /* Ajusta a largura da imagem */
    height: auto;
}

@media(max-width: 767px){
    .text-metade-esquerda{
        font-size: 20px;
    }
    .logo-metade-direita{
        width: 80%;
    }
}