@media(max-width:992px){
  .nav-list{display:none!important}
  .nav-toggle{display:flex!important}
  .nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--preto);flex-direction:column;align-items:center;padding:30px 0;transition:left .3s;overflow-y:auto}
  .nav-menu.active{left:0}
  .nav-menu .nav-list{flex-direction:column;gap:25px}
  .hero-title{font-size:2.5rem}
  .sobre{flex-direction:column}
}
@media(max-width:768px){
  .hero{background-attachment:scroll}
  .contato-buttons{flex-direction:column;align-items:center}
  .btn{width:100%;max-width:280px}
}