body {
    background-color: white;
    font-family: 'Roboto', sans-serif;
	/*background-position: top center;*/
	padding: 3px;

}


p {
    font-family: 'Roboto', sans-serif;

}

div.sidebar a, a:visited {
	color: #eeeeee;
}



i {
	color: #eeeeee;
}


  article {
    background-color: #eeeeee;
    border: 2px solid #c5c7c7;
    color: black;
  }
  
  article a, a:visited {
	  color: #111111;
  }
  article h1 {
    text-align: center;
	  font-size: 18px;
  }
  article h2 {
	  font-size: 16px;
  }
  article p {
    word-wrap: break-word;
  }
  /* Test code snippet styling */
  article pre {
    background: #ffffff;
    border: 1px solid #ddd;
    border-left: 3px solid #c08008;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
  }




  div.sidebar {
    background-color: #111111;
	color: #aaaaaa;
    border: 2px solid #c5c7c7;
	text-align: center;
  }

  div.sidebar .name {
    font-size: 22px;
    margin: 0;
    padding: 0;
	color: #eeeeee;
  }
  


  
div.sidebar ul.sidebar-items {
    list-style: none;
    margin: 2%;
    padding: 0;
	color: #eeeeee;
    font-size: 28px;
  }

div.sidebar ul.sidebar-links {
    list-style: none;
    margin: 2%;
    padding: 0;
	color: #eeeeee;
    font-size: 21px;
  }
  


  

	@media screen and (max-width: 969px) 
	{
		/* PHONE */
		div.wrapper {
		  width: 100%;
		 /* margin: 1% */
		}
		
		div.sidebar {
		  float: top;
		  width: 94%;
		  padding: 2%;
		  margin: 3px;

		}
	  
		article {
		  float: bottom;
		  width: 94%;
		  margin: 3px; 
		  padding: 2%;
		  line-height: 150%;
		  font-size: 1.0em;

		}
  

	}



  @media screen and (min-width: 970px) 
  {
	  /*DESKTOP*/
    div.wrapper {
      max-width: 1000px;
        margin: auto;
    }
  
    article {
      float: right;
	  clear: right;
      width: 70%;
      margin: 5px;
	  padding: 2%;
      line-height: 150%;
      font-size: 1.0em;
    }
  
    div.sidebar {
      float: top;
	  clear: left;
	  width: 18%;
	  padding: 2%;
	  margin: 5px;
    }
  }



#Figure1 {
    max-width: 75%;
    margin: 0 auto;
}
#Figure2 {
    max-width: 75%;
    margin: auto;
}
#Figure3 {
    max-width: 75%;
    margin: auto;
}