body {
	color:#ff0000;
	background-color:#ffffff;
	margin:0;
	font-family: serif;
	font-size: large;
}
	#container {
	margin-top: 60px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	a img {
		border:none;
		}
#container2{
	margin-left: 420px;
	margin-right:430px;

	text-align: center;
	border: none; border-color:#ff0000;
	box-align: center;
	text-decoration: none;
	color: #ff0000;
	font-style:italic;
font-family: fantasy;
	}
.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: WHITE;
  color: red; font-size: 30px;
  text-align: center;
  font-weight: bold;
}
.a
{
	text-decoration: none;
	font-weight: bold;
	color: #ff0000
}

.a:hover
{
	color: #0000CD;
}
@media (max-width: 1200px) { ...} /* for desktops */

}
@media (max-width: 991px) { ... } /* for laptops */

@media (min-width: 768px) and (max-width: 990px) {
	#container{
		float: none;
		width: 100%;
		text-align: center;
	}
	#container2{
		float: none;
		width: 100%;}} /* for large tablets */

@media (max-width: 768px)/* for large tablets */ {
	#container{
		float: none;
		width: 100%;
		position: fixed top;
	}
	#container2{
		float: none;
		width: 100%;
		text-align: center;
		position: center;
		}
} /* for smaller tablets */

@media (max-width: 500px) {
	#container{
		float: none;
		width: 100%;
		text-align: center;
		align-content: center;
		box-align: center;
		position: fixed top;}
}
		#container2{
		float: none;
		width: auto;
		text-align: center;
		align-content: center;}
		.a{
			float: none;
			width: 100%;
			text-align: -content: center;
		}

} /* for cellphones */