@charset "utf-8";

@media screen and (max-width: 800px) {    
    #sidebar { float: none; background: rgba(255,255,255,0.1); border-left: none; border-right: none; width: 90%; max-width: none; min-height: auto; padding: 80px 0 0; margin-left: 0; margin: 0 auto; }
    #sidebar .logotipo { max-width: 320px; margin: 20px auto; }
    .divisao-lateral { display: none; }
    .social { text-align: right; }
    .main-menu { position: fixed; z-index: 9999; width: 290px; top: 0; left: -290px; padding: 20px; background: #fff; height: 100%; overflow: auto; border-right: 1px solid #ccc; }
    .copy { display: none; }
    
    .hidden-menu { display: block; }
    
    #conteudo { width: 90%; float: none; justify-content: center; min-height: 100%; margin: 0 auto; }
    #conteudo .container { margin: 30px 0; padding: 15px; font-size: small; align-self: flex-start; }
    
    .noticias { padding: 0; flex: 1 100%; }
    .links-uteis { padding: 0; flex: 1 100%; }
}