body {
        max-width: 60em;
		margin: 1em auto;
        display: flex;
        flex-flow: row wrap;
		background-color:#ffebcd;
		font-family: helvetica, tahoma, verdana, sans-serif;
      }

img {
			max-width: 100%;
			height: auto;
	}	  
	
	/* If the screen size is 600px wide or less, set the font-size to 30px */
@media screen and (max-width: 600px) {
		font-size: 30px;
  }
      /* Mobile first - alles 100% Breite */
header, nav, nav a, article, footer {
        border-style: outset;
        padding: 15px;
        margin: 15px;
        flex: 1 100%;
      }
 
header {
        background: #ffebcd;
        border-color: #d5d5d5;
        display: flex;
        flex-flow: row wrap;
		text-align: center;
      }
header * {
        flex: 1 1 0%;
      }
     
article {
        background: #ffebcd;
        border-color: #d5d5d5;
		font-family: helvetica, tahoma, verdana, sans-serif;	
		text-align: center;
      }
 
article {
        flex: 3 1 0%;
      }