body{
	background:#1a1a1a;
}
#all{
	width:80%;
	height:auto;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}
#head h1{
	margin:0;
	padding:0;
}
#head{
	height:100px;
	font-size:1.25em;
	border-bottom:1px solid #333;
	padding:.25em;
	text-align:center;
}
#head a:link{
	color:73590B;
	text-decoration:none;
}
#head a:visited{
	color:#EBC544;
	text-decoration:underline;
}
#head a:hover{
	color:#FF0000;
	text-decoration:underline;
}
#head a:active{
	color:#FF0000;
	text-decoration:underline;
}
#head a:focus{
	color:#FF0000;
	text-decoration:underline;
}
.first-image{
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.second-image{
	float:right;
	margin-right:25px;
	margin-bottom:25px;
	height:200px;
	width:200px;
}
#main{
	width:80%;
	height:600px;
	background:#0000FF;
	float:left;
	color:#FFFFFF;
	font-size:16pt;
}
#right{
	width:20%;
	height:600px;
	background:#FF0000;
	color:#FFFFFF;
	float:right;
	box-sizing:border-box;
	border-left:1px solid #000;
}
#right h1{
	margin:0;
	padding:0;
}
#foot{
	clear:both;
	height:auto;
	background:#fff;
	border-top:1px solid #333;
	text-align:center;
}
@media only screen and (min-width:450px) and (max-width:700px){
	body{
		margin:0;
	}
	#head{
		height:auto;
	}
	#all{
		width:90%;
	}
	#main{
		width:100%;
		float:right;
		height:auto;
	}
	#right{
		clear:both;
		height:auto;
		width:100%;
		border:none;
		padding:0;
	}	
	#foot{
		height:auto;
	}
}
@media only screen and (min-width:0px) and (max-width:449px){
	body{
		margin:0;
	}
	#all{
		width:100%;
		height:auto;
	}
	#head{
		height:auto;
		font-size:1.1em;
		padding:.1em;
	}
	#main{
		width:100%;
		height:auto;
		float:none;
	}
	#right{
		height:auto;
		width:100%;
		float:none;
	}
	#foot{
		height:auto;
	}
}