@media screen and (max-width: 870px) {
    .conteendor {
        flex-direction: column;
    }
    .conteendor .sidebarcontent  {
        max-width: 100%;
        padding: 20px;
    }
    .conteendor .sidebarcontent {
        border-right: 0px;
        border-bottom:  5px solid #227437;
    }
    .conteendor .contenido {
        border-top: 5px solid rgb(141 180 58);
        border-left: 0;
    }
    .conteendor .sidebarcontent .logo img {
        width: 150px;
    }
    .sidebarcontent .descripcionside h1 {
        font-size: 21px;
    }
    .sidebarcontent .descripcionside p {
        font-size: 13px;
    }
    .descripcionside .mensajecontacto .tituloregre {
        font-size: 17px;
    }
}