body {
    display: flex;
    flex-flow: row wrap;
    background: #6F6565;
    color: #A7AEBE;
    justify-content: center;
    }

body {
    align-self: center;
}

header, nav, article, footer {
    flex: 1 100%;
    
}

header {
    display: flex;
    flex-flow:row wrap;
    height: 15em;
    align-items: flex-end;
    background-image: url(head.gr.jpg);
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    text-align:right;
    color: #E85937;
    padding-right: 1.0em;
}

@media all and (max-width: 30em) {
    header {
        background-image: url(headersg.jpg);
    }
    nav a {
        color: #E85937
    }
}

nav ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    font-family: fantasy;
    font-size: 1.7em;
    text-align: center;
  }
  nav li {
    list-style: none;
    display: inline-block;
    
    
  }
  nav a {
    display: block;
    width: 8em;
    text-decoration: none; 
    font-weight: bold;
    color: #A7AEBE; 
  }
  nav a:focus,
  nav a:hover,
  nav a:active {    
    color: #E85937; 
    
  }
article {
    text-align: justify;
    font-size: 1.3em;
}

#news {
    max-width: 50em;
}