@media only screen and (max-width: 500px) {

page {  
  margin-top:22vh;
  display:flex;
  flex-direction:column; 
  }
  
header, 
nav, 
nav a,
aside,
aside a  {
  display:flex; 
  flex-direction:row;     
  width:98%;
  margin:2px 1%;
  padding:0; 
  justify-content:center;
  }  

header figure img {
  max-height:100px;  
  margin:1rem 0; 
  } 
header h1 {
  padding:8px;
  border:-1px solid red; 
  }
  
  
nav {
  position:fixed;
  top:0;
  border-bottom:1px solid #abc;
  }  

aside {
  position:static;
  }     

main,
main .item {   
    display:flex;
    justify-content:center;
    }

    
} /* end media */