@media screen and (max-width:1024px) {

}



@media screen and (min-width: 780px) and (orientation: portrait) {

    #contacto {
        width: 100%;
        display: grid;
        grid-template-areas:
            "contacto"
            "google";

    }

    .google_map {
        width: 98%;
        justify-content: center;
    }

    .google_map iframe {
        width: 100%;
    }

    .google_map iframe {
        width: 98%;

    }

    .estructura_home {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;

    }

    .sobre-nosotros {
        flex-wrap: wrap;
        width: 98%;
    }


}

@media screen and (max-width: 780px) and (orientation: landscape) {

   
}

@media screen and (max-width: 620px) {
    .container {
        justify-content: center;
    }
    .showcase {
        flex-direction: column;
    }

    .descripcion {
        width: 100%;
    }

    .portafolio {
        width: 100%;
        justify-content: center;
    }
}


@media screen and (max-width: 430px) {
    
    .main-content p {
  font-size: 1rem;
}

.main-content .main-text {
  font-size: 1.5rem;
}

    .sobre-nosotros {
        flex-direction: column;

    }

    .estructuras__metal,
    .diseno__construccion,
    .alquiler__andamios {
        width: 98%;
        text-align: justify;
        padding: 5px;

    }

    .titulo__icono {
        justify-content: center;
    }

    .estructuras__metal .titulo__icono {
        width: 100%;
        height: 50px;
    }

    .empresa_col {
        flex-direction: column;
    }

    .sobre_empresa {
        display: none;
    }

    #contacto {
        width: 100%;
        display: grid;
        grid-template-areas:
            "contacto"
            "google";

    }

    .google_map {
        width: 98%;
        justify-content: center;
    }

    .google_map iframe {
        width: 98%;
    }

    .google_map iframe {
        width: 98%;

    }

    .estructura_home {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;
        flex-direction: column;

    }
    /*.slider {
        display:none;
        visibility: hidden;
       
    }*/



}