@media screen and (max-width: 500px) {
    section {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    video {
        padding: 5px;
    }

    h1 {
        width: 100%;
        margin: 0;
        padding-left: 30px;
    }

    h2 {
        width: 100%;
        margin: 0;
        padding-left: 50px;
    }

    header {
        width: 100%;
    }

    .logo {
        width: 200px;
    }

    .hero {
        width: 100%;
    }

    .familia {
        padding: 50px 0;
    }

    .familia>div {
        width: 90%;
    }

    .black {
        width: 50%;
    }

    .tecnologias {
        width: 100%;
    }

    .tecs {
        width: 80%;
    }

    .tecs__txt {
        width: 70%;
    }

    .tecs__img {
        width: 30%;
    }

    .tecs__img img {
        width: 70px;
    }

    .explosion {
        gap: 0;
    }

    .expl img {
        width: 95%;
        margin: auto;
    }

    .medidas {
        width: 100%;
        padding: 0 10px;
    }

    .medidas p {
        font-size: 16px;
    }

    .medidas img {
        width: 90%;
        margin: auto;
    }

    .tabla_m {
        width: 100%;
        display: grid;
        grid-template: repeat(5, 1fr) / repeat(4, 1fr);
        align-items: center;
        justify-content: center;
        margin: 70px auto;
        grid-gap: 3px;
    }
}