@media(max-width:520px){
 .container{width:min(94%,1120px)}
 .brand{font-size:11px}
 .hero h1{font-size:31px}
 .hero p{font-size:15px}
 .btn{width:100%}
 .actions{display:grid}
 .panel{padding:20px}
 .footer-inner{align-items:flex-start}
 .avatar{width:96px;height:96px}
 .color-grid{grid-template-columns:repeat(2,1fr)}
}