header {  
  flex-wrap:nowrap; 
  align-items:center;
  justify--content:center;   
  }
  
header h1 {
  min-width:200px;
  }  

header figure img {
  max-height:150px; 
  margin:0 50px;  
  border:1px solid white; 
  }
   
main > div { 
  display:flex;
  flex-direction:row;  
  justify-content:center;
  align-items:center;   
  padding:10px; 
  } 
main figure > img { 
  padding:0 20px; 
  width:150px;
  }   
  
.item1 img, 
.item3 img {width:300px;}  
.item4 img {width:100px;}
.item6 img {width:160px; margin-top:-50px;} 

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

  header {
    display:flex;
    flex-direction:row;  
    flex-wrap: wrap;
    }
  header > div {
    padding-left:18px; 
    }    
     
  .item1, 
  .item3, 
  .item4,
  .item5 { 
    display:flex;
    flex-direction:column;  
    justify-content:center;
    align-items:center;   
    padding-left:18px; 
    } 

  .item2 {
    display:flex;
    flex-direction:row;  
    padding-left:18px; 
    }

.item6 { 
    display:flex;
    flex-direction:column;  
    justify-content:center;
    align-items:center;  
    padding-right: 18px; 
	}
.item6 img { 	
	margin-top:30px;
    } 
	
} /* end media 500 */