.donde-estamos {
    display: flex;
    flex-flow: column;
    background: white;
    padding: 0 0 !important;
}


.donde-estamos_container {
    min-height: 400px;
    display: flex;
    flex-flow: column;
    align-content: center;
    align-items: center;
}

.mapa{
    order: 0;
    min-height: 400px
}

.direccion-container {
    width: 95%;
    background-color: #000000db;
    padding: 10px 25px 20px 0px;
    box-shadow: 0 1px 8px 0 rgb(0,0,0, 0.3);
    display: flex;
    flex-flow: column;
    align-items: center;
    order: 1;
    margin: 19px 0;
}

.direccion-title {
    margin: 10px 0 !important;
    color: white
}


ul.direccion {
    list-style: none;
    margin: auto;
    color: white;
}

ul.direccion li a{
    color: white ;
    text-decoration: none
}

ul.direccion li a:hover{
    color: red ;
    text-decoration: underline
}


ul.direccion li i {
    margin: 0px 10px 0px 10px
}

@media (min-width:992px) {
    .donde-estamos_container{
        position: relative;
    }
    
    .direccion-container{
        position: absolute;
        width: auto;
        max-width: 50%;
        right: 40px;
        margin: 0px 20px;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
    }
    

    
}