/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */  

body {

    background: url("haiti_01.jpg");
    background-repeat: repeat-y;
}

header, nav, article, aside, footer {
    background: #e4ebf2;
    flex: 1 100%;
}
 
header {
  display: flex;
  flex-flow: row wrap;  
}
 
header * {
  flex: 1 1 0;
}
 
header img {
  flex: 0 0 100px;
  height: 45px;
}  
 
header nav {
  flex: 1 1 100%;
}
 
nav ul {
  display: flex;  
  flex-direction: column;
}
 
nav li {
  flex: 1 1 100%;
}

h1,h2 {
    color:#589AB3;
}

aside {
     background: #ebf5d7;
}