@media only screen and (max-width:400px){
    .btn_abrir{
        bottom: 60px;
        right: 10px;
    }
    .cntr{
        grid-template-columns: 350px;
      }
    div.scroll-container{
        width: 300px;
    }
    .social_link{
        padding-left: 0px;
        text-align: center;
        position: relative;
        bottom: 170px;
        right: 20px;
        left: 0px;
        min-width: 300px;
    }
    .social_link a{
        width: 40px;
        height: 40px;
        line-height: 40px;
        bottom: 5px;    
    }
    .ul_footer{
        position: relative;
        bottom: 0px;
        right: 20px;
        top: 0px;
        display: block;
        
    }
    .li_footer a{
        font-size: 10px;
        
    }
    .whats{
        width: 70px;
        position: relative;
    }
    h4{
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        position: relative;
        bottom: 60px;
    }
}