Center logo on mobile
add within styles brackets in advanced preferences before </head>
@media (max-width: 500px) {
.amplify-header .container {
flex-direction: column;
align-items: center;
}
.amplify-header .container h1 img {
width: 330px;
height: auto;
margin: 0 auto;
padding: 20px 0;
}
}