body{
	background:lightblue;
}
#all{
	width:80%;
	height:auto;
	background:white;
	margin-left:auto;
	margin-right:auto;
}
#head{
	height:60px;
	font-size:3em;
	font-weight:bold;
	border:2px solid #333;
	padding:.25em;
	text-align:center;
	top:0;
}
.pics{
	max-width:100%;
	max-height:70%;
}
#left{
	width:10%;
	height:600px;
	background:lightpink;
	float:left;
	border-right:2px solid black;
	border-left:2px solid black;
	box-sizing:border-box;
	text-align:center;
	font-size:20px;
}
#left a:link{
	color:blue;
	text-decoration:none;
}	
#left a:visited{
	color:purple;
	text-decoration:none;
}	
#left a:hover{
	color:blue;
	text-decoration:underline;
}	
#left a:active{
	color:red;
	text-decoration:underline;
}	
#left a:focus{
	color:red;
	text-decoration:underline;
}	
#right{
	width:90%;
	height:600px;
	background:lightpink;
	float:left;
	border-right:2px solid black;
	box-sizing:border-box;
	font-size:25px;
}
#footer{
	clear:both;
	height:125px;
	border:2px solid black;
	text-align:center;
}
@media screen and (min-width:0px) and (max-width:500px){
	body{
		margin:0;
	}
	#all{
		width:100%;
	}
	#left{
		width:100%;
		height:auto;
		float:none;
		border-bottom:2px solid black;
		border-left:2px solid black;
	}
	#right{
		float:none;
		height:auto;
		width:100%;
		border-bottom:2px solid black;
	}
	#footer{
		border-top:none;
	}
}