body {
	font: 1em Verdana;
	background-color: #dddddd;
}

.copyright {
	padding: 20px 0px 0px 0px;
	text-align: center;
	font: 0.8em Verdana;
	color: #888888;
	font-style: italic
}

.container {
	max-width: 410px;
	min-width: 210px;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	border: 1px solid;
	border-color: #aaaaaa;
	padding: 40px;
	border-radius: 15px;
	background-color: #ffffff;
	opacity: 0.9;
	box-shadow: 5px 5px 5px #666666;
}

.logo1 {
	max-width: 100%;
	text-align: center;
}

.logo1 img {
	max-width: 100%;
	padding: 25px 0px 0px 0px;
}

.logo2 img {
	width: 128px;
	padding: 0px 0px 20px 0px;
}

@media screen and (max-width: 430px) {
    .copyright {
		padding: 20px 0px 0px 0px;
		text-align: center;
		font: 0.7em Verdana;
		color: #888888;
		font-style: italic
	}
	body {
		font: 0.8em Verdana;
	}
}

@media screen and (max-width: 320px) {
    .copyright {
		padding: 20px 0px 0px 0px;
		text-align: center;
		font: 0.5em Verdana;
		color: #888888;
		font-style: italic
	}
}