html {
   background: linear-gradient(to top left, rgb(236, 167, 76), rgb(236, 167, 76));
   font-family: Verdana, Geneva, sans-serif;
}

body {
   display: block;    
   margin: 0px auto;
   min-width: 320px;
   max-width: 1100px;  
   padding: 10px;
   width: 100%;
}

body > header {
   border-bottom: 1px solid rgb(0, 0, 0);
   padding-bottom: 30px;
   color: white;
   display: block;
   margin-bottom: 50px;
   width: 100%;
}

body > header > img {
   display: block;
}

body > header > nav a{
padding: 10px;
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
}

body > header > nav a:hover {
   color: rgb(0, 0, 0);
   text-decoration: none;
}

body > header > nav > ul {
   display: inline;
   
}

body > header > nav > ul li {
   float: right;
}

body > header > nav > ul > li {
   font-size: 1em; 
   line-height: 1em; 
   height: 1em;
   padding: 0px 5px;
}

body > header > nav > ul > li > a {
   color: white;
   display: block;
   width: 100%;
}


body > section {

   display: block;
	margin-bottom: 30px;
} 

/* Article Styles */

body > section > article {
  width: 70%;
   line-height: 1.8em; 
   float: left;
   background-color: rgb(255, 255, 255);
   border-radius: 15px;
   padding-top: 10px;
   padding-bottom:10px;
   padding-left:20px;
   padding-right: 20px;
   margin: 10px 10px 10px 10px;



}

body > section > article > h1 {
	   color: rgba(0, 0, 0, 0.7);
    font-family: 'Georgia';
		margin-bottom: 30px;
	   font-size: 2em; 

}

body > section > article > p {
 margin-bottom: 10px;
}

/* Aside */

body > section > aside {
 width: 25%;
 float: right;
}

body > section > aside {
   color: rgb(81, 81, 81);   
   margin: 10px 10px 10px 10px;
   background-color: rgb(255, 255, 255);
   border-radius: 15px;
   padding-top: 10px;
   padding-bottom:10px;
   padding-left:20px;
   padding-right: 20px;
}

body > section > aside > h1 {
   font-size: 1.2em;
   font-weight: normal;
   text-align: center;
   margin-bottom: 15px;
}

body > section > aside > p {
   margin: 15px 0px 20px;
      font-size: .8em;
	  line-height: 2em;
	   text-align: justify;
    text-justify: inter-word;
}


/* Footer Styles */

footer {
   border-top: 1px solid rgba(0, 0, 0, 0.4);
   padding: 10px;
   clear: left;
   text-align: right;
   width: 100%;
   color: white;
   margin-top: 100px;

}

footer, footer span a {
   padding: 10px;
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
}

footer span a:hover {
   color: rgb(0, 0, 0);
   text-decoration: none;
}