

header .center-text {
  padding:25px;
  }
Nav { border-:1px solid #567;  
  }  
nav .ColonyWorlds a { 
  color:white;
  padding-right:20px;
  } 
nav .ColonyWorlds img { 	
  padding:5px 30px;
  } 
nav .ColonyWorlds  p { 	
 text-align:center;
  }

main {  
  justify-content: space-around; 
  max-width:100%; 
  color:#89a; 
  }

main .item  {  
  justify-content:space-around;
  align-items:start;  
  text-align:center;
  min-height:200px;
  width:170px;    
  margin:5px;
  border:1px solid #567;  
  } 
  
main .anthol  {  
  border:1px solid #00FF00;   
  } 
main .item figure img {
  self-align:center;
  width: 75px; 
  padding-top:10px;
  }
main .item figure figcaption { 
  display: flex; 
  width:115px;
  height:30px;
  flex-direction:column;     
  border:-1px solid green; 
  justify-content:flex-start;
  }
main .item figure figcaption .storytitle  {
  display:flex; 
  flex-wrap:wrap; 
  justify-content:center; 
  padding:5px;
  }  
main .item span.award { 
  display: flex; 
  flex-direction:column;    
  width:100%;
  border:-1px solid red; 
  justify-content:flex-end;
  }

main .SHM {color:silver; }  

.other figcaption,
.other img {
  position:relative; 
  top:40px;   
  }

@media only screen and (max-width: 500px) {
  header h1 {
    padding-left:0%;
    }  
  nav .ColonyWorlds a { 
	display:flex; 
	align-items:center;  
	padding-right:0px; 
    }
  nav .ColonyWorlds img { 	
    padding:5px 10px;
    } 
  nav .ColonyWorlds p { 	
    padding:0 20px;
    }

  main { 
    display:flex;
  }
	
  main .item { 
    align-items:center;  
	justify-items:center;
	}
	
 .other figcaption,
 .other img {
  position:relative; 
  top:0px;   
  }
}
    
    
    
