body {
	font-size: 15px;
	font-family: "Courier New", Courier, monospace;
	color:#fff;
	background-color:#000;
}

.container{
	border:1px solid #333;
	margin:50px;
}

.main {
	padding:50px;

}
	
a {
	color:#39C;
}

a:hover, a:focus, a:active {
	color: #36C;
	text-decoration:none;
	outline:none;
}

h1 {
	font-size: 40px;
	margin-top:0;
}

h2 {
	font-size: 22px;
	margin-top:0;
}
.icon {
	height:23px;}

.note {
	color:#777;
	font-size: 11px;	   
}
.top {
	border-top:1px solid #333;
	padding-top:50px;
	margin-top:50px;}

.quote {
	font-style: italic;
	color: #999;}
	
.quoted {
	color: #999;
	text-align:right}

@media all and (max-width: 959px) and (min-width: 600px) {
h1{
    font-size: 30px;
}

.container{
	margin:25px;
}
.main {
	padding:25px;

}
.icon {
	height:18px;}
	
.top {
	padding-top:25px;
	margin-top:25px;}
}

@media all and (max-width: 599px) and (min-width: 50px) {
h1{
    font-size: 20px;
}
  
h2{
    font-size: 16px;
}
.container{
	margin:25px;
}
.main {
	padding:25px;
}
.icon {
	height:12px;}
.top {
	padding-top:25px;
	margin-top:25px;}
}