@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/vRvZYZlUaogOuHbBTT1SNevvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
/* Small screens (default) */
html{
	font-size: 120%;
	width: auto;
	overflow-x: hidden;
	position: relative;
    min-height: 100%;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container {
  margin: 0 auto;
  max-width: 60rem; /*48rem*/ 
  width: 95%;
}
.clearfix:before, .clearfix:after{
  	content: " ";
  	display: table;
}
 
.clearfix:after{
  	clear: both;
}

.clearfix {
  	*zoom: 1;
}

header{
	
}

body{
	background-color: rgb(41, 128, 185);
	color:white;
	height:100%;
	width: auto;
	overflow-x: hidden;
	margin: 0 0 3.12em; /* bottom = footer height */
	font-family: 'Ubuntu';
}
#rstatus , #lstatus{
	color:rgb(192, 57, 43);
}
legend{
	text-align: center;
}

nav{
	
}
footer{
	position: absolute;
    left: 0;
    bottom: 0;
    height: 3.12em;
    width: 100%;
    text-align: center;
}

h1{
    padding-top: 0.5em;
    margin-top: 0;
	font-weight: normal;
	text-align: center;
	font-size: 3em;
}
sup{
	font-size: 0.5em;
	top:-1.1em;
}
h2{
	
}

h3{
	
}

h4{
	
}
img{
	margin-top: 1em;
	width: 4em;
}
input{
	border: none;
	border-radius: 0.4em;
	padding: 0.5em;
	height: 2em;
	background-color: rgb(236, 240, 241);
	color: black;
}
input[type=Submit]{
	background-color: #65C6BB;
	height:2em;
	width: 6em;
	color: white;
	border:none;
	border-radius: 0.4em;
}
input[type=Submit]:hover{
	background-color: #1BA39C;
	cursor:pointer;
	
}
input[type=Button]{
	background-color: #BDC3C7;
	height:2em;
	width: 6em;
	color: white;
	border:none;
	border-radius: 0.4em;
}
input[type=Button]:hover{
	background-color: #95A5A6;
	cursor:pointer;
	
}
form{
	background-color: rgba(238, 238, 238,0.9);
	display: inline-block;
	border-radius: 0.5em;
	margin-bottom: 1em;
}
form div{
	margin: 1em;
}
select{
	
}
a{
	color:#81CFE0;
	text-decoration: none;
}
a:visited{
	color:#81CFE0;
}
section{
	width:50%;
	text-align: center;
}
#register{
	display: none;
}
#circle {
			    background: rgb(56,192,211);
			    width: 4em;
			    height: 4em;
			    border-radius: 50%;
			    color: white;
			    margin: 0 auto;
			    margin-top: 0.5em;
			    font-size: 100%;
			}
#circle span{
				font-size: 2.5em;
				position:relative;
				top: 15%;				
			}
/* VIEWPORT */
@-ms-viewport{
    zoom: 1.0;
    width: device-width;
    user-zoom: fixed;
}
@-o-viewport{
    zoom: 1.0;
    width: device-width;
    user-zoom: fixed;
}
@viewport{
    zoom: 1.0;
    width: device-width;
    user-zoom: fixed;
}
/* MEDIA QUERYS */
/* Small smartphones (320px) */
@media (max-width: 20rem){
	body{
	
	}
	
}

/* Medium screens (640px) */
@media (min-width: 40rem){ 
	body{
		 font-size: 105%;
	}
}

/* Large screens (1024px) */
@media (min-width: 64rem){ 
	body{
		font-size: 110%;
	}
}