@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300');

html {
    font: normal 14px/1.4 "Open Sans", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #666666;
}
html,
body {
	width: 100%;
    height: 100%;
    margin: 0em;
}
body {
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
a, 
a:active, 
a:focus, 
a:visited { 
	color: #333333; 
	text-decoration: none; 
}
a:hover {
	color: black;
}
h1 { 
	font-family: 'Open Sans Condensed', sans-serif; 
	font-weight: 300; 
	margin-bottom: 0em; 
}
.container { 
	text-align: center;
	margin: 5%;
	width: 90%;
}
.box {
	background-color: white;
	text-align: left;
	padding: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.branding { 
	margin-top: 2em;
	font-size: 12px; 
	color: #999999; 
}
/* MEDIA QUERIES */
@media (min-width: 660px) {
	.container {
		width: 640px;
		height: 480px; 
		position: relative; 
		left: 50%; 
		top: 50%; 
		margin-left: -320px; 
		margin-top: -240px;
	}
}