/* ==========================
   LOCALIZAÇÃO
========================== */

#localizacao{

    width:100%;
    background:#050505;
    padding:50px 0;

}

.container-localizacao{

    width:1100px;
    margin:0 auto;

    display:flex;
    justify-content:space-between;
    align-items:center;

}

/* ==========================
   EMPILHADEIRA
========================== */

.imagem-local{

    width:40%;
    display:flex;
    justify-content:center;

}

.imagem-local img{

    width:170%;
 
    display:block;

}

/* ==========================
   TEXTO
========================== */

.conteudo-local{

    width:55%;

}

.conteudo-local h2{

    color:#ffffff;
    font-size:3rem;
    font-weight:800;

    margin-bottom:10px;

}

.endereco{

    color:#ffffff;

    font-size:1.8rem;

    margin-bottom:25px;

    font-weight:500;

}

/* ==========================
   MAPA
========================== */

.conteudo-local iframe{

    width:100%;
    height:280px;

    border:none;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.35);

}

/* ==========================
   RESPONSIVO
========================== */

@media(max-width:1200px){

    .container-localizacao{

        width:95%;

    }

}

@media(max-width:900px){

    .container-localizacao{

        flex-direction:column;

        text-align:center;

    }

    .imagem-local{

        width:100%;
        margin-bottom:30px;

    }

    .imagem-local img{

        width:260px;

    }

    .conteudo-local{

        width:100%;

    }

    .conteudo-local h2{

        font-size:2.2rem;

    }

    .endereco{

        font-size:1.3rem;

    }

    .conteudo-local iframe{

        height:250px;

    }

}