footer .flex_container{
    background-color: #232946;
    color: #fffffe;
    display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     align-items: center;
     gap: 15px;
    padding-block: 5vh;
    
}


footer .flex_container .flex_box.logo{
    width: 200px;
}

footer .flex_container .flex_box.logo img{
    width: 100%;
}

footer .flex_container .flex_box li{
    font-size: 1.1em;
    font-weight: 300;
    list-style: none;
    margin-bottom: 5px;
}

footer .flex_container .flex_box li::before {
    font-family: "Font Awesome 5 Free"; /* Define a fonte */
    content: "\f105"; /* Código do ícone */
    font-size: 14px;
    font-weight: 600; /* Necessário para alguns ícones do Font Awesome */
    margin-right: 6px; /* Espaço entre o ícone e o texto */
    color: #fffffe; /* Cor do ícone */
}

footer .flex_container .flex_box.contato{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 130px;
}

footer .flex_container .flex_box.contato p{
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: 300;
}

footer .flex_container .flex_box.contato p b{
    font-weight: 500;
}

footer .flex_container .flex_box.contato p img{
    width: 20px;
}

@media screen and (orientation: portrait){
    footer .flex_container{
        gap: 3vh;
        margin: 0;
        margin-top: 100px;
    }
    footer .flex_container .flex_box{
            text-align: center;
            width: 100%;
    }

    footer .flex_container .flex_box.contato{
        height: unset;
    }

    footer .flex_container .flex_box.logo {
        width: 180px;
    }

    footer .flex_container .flex_box.map{
        display: flex;
        flex-direction: column;
        align-content: center;
        width: unset;
    }
}