@media only screen and (max-width:450px) {
    .btn_abrir{
        bottom: 60px;
        right: 10px;
    }



    .subtitulo {
        font-size: 14px;
    }
    #side_menu{
        grid-area: side_menu;
        display: block;
        width: 250px;
        position: relative;
        left: 0px;
    }

    .logo {
        display: none;
    }

       .ul_footer{

    bottom: 0px;
    top: 00px;   
}

    .social_link{
        bottom: 150px;
        right: 0px;
        left: 0px;
        min-width: 400px;
    }
    .li_footer a{
        font-size: 10px;
        
    }
   
     h4{
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        position: relative;
        bottom: 50px;
    }    

}