body {background: #FFFFFF;}
header {background: #FFFFFF;color:black;}
footer {background: #FFEE90;color:black;}
.nav {background:#ADD8E6;}

a:link, a:visited, a:active {
  text-decoration: none; color: #000000;
}

a:hover {
  text-decoration: none; color: #0F0F0F;
}

div#content-wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.nav ul {
    list-style-type: none;
    padding: 0;
}
.nav ul a {
    text-decoration: none;
}

@media all and (min-width: 1000px) {
    .nav {text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;}
    .article {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
    footer {-webkit-order:3;order:3;}
    img {max-width:200px;max-height:200px;}
}

.flex-container {
    display: -webkit-flex;
    display: flex;  
    justify-content: center;
    flex-direction: column;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
}


.flex-container > * {
    padding: 5px;
    -webkit-flex: 1 100%;
    flex: 1 100%;
}

.article {
    text-align: left;
    flex-flow: column;
    word-wrap:break-word;
    max-width:1000px;
}

.image-article {
    align: left;
    padding-right: 15px;
}

@media(max-width:480px) {
    .img {
        width: 200%;
        max-width: 200%;
        }
}