/* This is a single-line comment */

.wrapper {
	width: 100%;}

.banner {
	max-width: 100%;
	height: auto;}

.container {
	position: relative;
	text-align: center;
	color: white;
	font-size: 32px;
	white-space: nowrap;}

.title_name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);}

.nav_text {
	color: #000000;
	text-decoration: none}

.index_list {
	padding-left:0;}

.images {
	max-width: 100%;
	height: auto;}

.images_in_figure {
	max-width: 100%;
	height: auto;}

.bullets {
	list-style-type: disc}

.numbered {
	list-style-type: decimal}

body {
	font-size: 16px;
	font-family: Tahoma, Arial, sans-serif;
	background-color: #ffffff;}

h1 {
	font-size: 20px;}

li {
	list-style-type: none;}

a {
	text-decoration: none;}

figure{
	margin: 0px 0px 0px 0px;}

figcaption{
	border-left: 3px solid #aa7bc9;
	margin: 1px 1px 10px 1px;	
	padding-left: 8px;
	color: #696969;}

code {
  font-family: Consolas,"courier new";}

#nav ul {
	text-align: center;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 6px;
	margin: 0px auto 0px auto;
	word-spacing: 30px;}

a:visited{
	color: black;}
a:hover{
	color: orange;}

@media only screen and (min-width: 800px) {

	.container {
		font-size: 44px;}

	.index_list {
		margin-left: 100px;}

	.images {
		margin-left: 100px;
		max-width: 740px;}

	.images_in_figure {
		max-width: 740px;}

	.bullets{
		margin-left:100px}

	.numbered{
		margin-left:100px}

	h1 {
		margin-left: 100px;
		margin-right: 100px;
		font-size: 30px;}

	p {
		text-align: left;
		margin-left: 100px;
		margin-right: 100px}

	form{
		margin-left: 100px;}

	h3{
		margin-left: 100px;}

	figure{
		margin: 0px 0px 0px 100px;}

	figcaption{
		max-width: 740px;}

	pre{
		margin-left: 100px;}

	#page {
		max-width: 940px;
		min-width: 720px;
		margin: 10px auto 10px auto;
		padding: 20px;}

	#nav ul {
		width: 570px;
		padding: 15px;}

}