body {
  padding: 0 1em 0 1em; 
}

.wrapper {
  display: flex;  
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.header {
	background: #222;
	margin-bottom: 1em;
}
.content {
  text-align: left;
  background: #000;
}

.aside-1 {
  background: #222;
}

@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
}

@media all and (min-width: 800px) {
  .content { flex: 10 0px; }
  .aside-1 { order: 1; } 
  .content  { order: 2; }
}


/* Lists */
ul.interest {
	margin-left: 1em;
}
ul.interest li {
	margin-bottom: 1em;
	list-style-type: square;
	list-style-position: inside;
}


/* Menu navigation */
nav > ul.links li {
	text-align: left;
}	

nav > ul.links li a {
	display: inline-block;
	width: 100%;
	color: #fff;
	background-color: #444;
	padding: .25em 0.5em;
	font-size: 1.5rem;
	margin: .5rem 0;
	font-weight: 100;
	font-family: 'Reem Kufi', sans-serif;
}

.content {
	padding: 0 2em 2em 2em;
}

.content a {
	color: #fff;
	background-color: #111;
}
.content {
	line-height: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}