@media only screen and (max-width:1378px) {
    .logo {
        width: 15%;
    }

    .nav_desc a {
        font-size: 26px;
        padding-inline: 30px;
    }

    .social a {
        font-size: 50px;
    }

h2{
    font-size: 35px;
}

h3{
   font-size: 28px;
}

p{
    font-size: 24px;
}  




    .sec2,
    .sec4 {
        display: block;
    }

    .izq {
        float: none;
        vertical-align: middle;
    }

    .izq p {
        vertical-align: middle;
    }

    .der {
        float: none;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .der img {
        vertical-align: middle;
        position: relative;
        float: none;
    }

}