@media only screen and (max-width:1100px) {
   body{
margin: 0%;
background-image: url(img/bg2.png);
background-size: fill;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
   
.logo{
    width: 15%;
}

.nav_desc a{
    font-size: 24px;
    padding-inline: 25px;
}
.social a{
font-size: 40px;
}



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;
    }

}