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

    button {
        display: block;
        width: 100px;
    }
    .btn_abrir{
        
        background-color: #ffffff;
        width: 50px;
       position: relative;
       left: 350px;
       border-color: #ffffff;
    }
    .btn_cerrar{
        width: 40px;
        height: 40px;
        display: block;
        position: relative;
        left: 400px;
        background-color: rgb(26, 204, 224);
       border-color: transparent;
    }
    .modal{
        width: 100vw;
        background-color: #ffffff;
        border-color: transparent;
    }
    .modal::backdrop{
        background-color: rgba(0, 0, 0, 0.615);
    }
#logo_hm img {
    width: 15%;
    margin: none;
}
.hm_menu{
    font-family: BrunoAce-Regular;
    font-size: 30px;
    color: orange;
    font-weight: 700;
    text-align: center;
text-decoration: underline overline;
}
.desc1 ul li{
    text-align: justify;
}
li{
    text-align: center;
}
li a{
    color: black;
    text-decoration: none;
}
.nav_hm{
display: flex;
flex-direction: column;
padding: 20px;
gap: 40px;
}


#hm_element1,
#hm_element2,
#hm_element3,
#hm_element4
{
font-size: 16px;
}
#hm_element1:active {
    background-color: rgb(142, 126, 6);
    transform: translateY(4px);
}
#hm_element2:active {
    background-color: rgb(142, 126, 6);
    transform: translateY(4px);
}
#hm_element3:active {
    background-color: rgb(142, 126, 6);
    transform: translateY(4px);
}
#hm_element4:active {
    background-color: rgb(142, 126, 6);
    transform: translateY(4px);
}
    .nav {
        display: none;
    }

    .whatsapp_img {
        margin-left: 00px;
        top: 50px;

    }
    img_ancla{
        width: fit-content;
    }
    .img_body {
        text-align: center;
        width: 70vw;
    }
    .desc {
        text-align: justify;
        margin: 0 50px 0 50px;
    }
    .desc {
        margin: 0 50px 0 50px;
    }
    
    .desc1 {
        margin: 0 50px 0 50px;
    }
    
    .desc2 {
        margin: 0 50px 0 50px;    
    }
    
    .desc3 {
        margin: 0 50px 0 50px;
    }
    h3 {
        font-size: 18px;
        line-height: 2;
    }
    h5 {
        font-size: 18px;
    }
    .list1 {
        font-size: 14px;
        line-height: 1.5;
    }
    .dlgv1 {
        font-size: 20px;
    }
    #titulo {
        font-size: 26px;
        margin: 0 50px 0 50px;
    }
    .subtitulo {
        font-size: 18px;
    }
    h4 {
        font-size: 14px;
    }
    h6 {
        padding-top: 10px;
        margin-left: 10px;
        font-size: 12px;
    }
    .redes {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
}