@import url('opensans/opensans.css');

/* We use this media query to add styles to any device that supports media queries */
@media only screen 
{ 

* {
	margin: 0px;
	padding: 0px;
}

.body {
	margin: 15% 40% 0 40%;
	padding:0px;
	width: auto;
}

.window {
	border: 1px solid #eee;
}

.footer {
	padding: 1em 0 0 0;
	color: #CCC;
	font-family: 'open_sansregular', sans-serif;
	font-weight: 400;
	font-size: small;
}

.header {
	padding: 1em;
	background-color: #eee;
	text-align: center;
}

.header h1 {
	font-family: 'open_sanslight', sans-serif;
	font-weight: 300;
	font-size: x-large;
}

.text {
	padding: 1em;
	font-family: 'open_sansregular', sans-serif;
	font-weight: 400;
	font-size: small;
}

.button {
	padding: 1em;
}

.button button {
	font-family: 'open_sansregular', sans-serif;
	font-weight: 400;
	background-color: #3399FF; /*background-color: #e67e22;*/
	color: #FFF;
	margin: 1em 0 1em 0;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration: none;
	width: 100%;
	border: 0px;
	cursor:pointer;
	
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.button button:hover {
	background-color: #3162ff;/*background-color: #d35400;*/
}

}


@media only screen and (max-width: 1200px) {
	.body {
		margin: 15% 35% 0 35%;
	}
}

@media only screen and (max-width: 780px) {
	.body {
		margin: 15% 30% 0 30%;
	}
}

@media only screen and (max-width: 600px) {
	.body {
		margin: 15% 25% 0 25%;
	}
}

@media only screen and (max-width: 470px) {
	.body {
		margin: 15% 10% 0 10%;
	}
}