.comunidades_img{
    width:28rem; 
    transition-duration: 700ms; 
    opacity: 1;
}

.rec_contenido{
    background-image: url(../img/Rectangle.svg);
    background-size: cover;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e3dff9;
}


@media (min-width: 857px) and (max-width: 1200px){
    
}

@media (min-width: 576px) and (max-width: 856px){
    .comunidades_img{
        width:14rem; 
    }
}

@media (min-width: 409px) and (max-width: 575px) {
    .comunidades_img{
        width:17rem; 
    }
}

@media (min-width: 10px) and (max-width: 408px) {
    .comunidades_img{
        width:16rem; 
    }
}