.block-dead{
	text-align: center;
}
button{
	cursor:pointer;
	width: 100%;
    height: 100%;
    font-size: 50px;
    font-weight: bold;
}
#go{
	cursor:default;
}

.auxbutton{
	width: 100%;
    text-align: center;
}
.login{
	background-color:#FF0000;
}
#pad{
	width:100%;
	max-width:500px;
	margin:auto;
}
.IDnumber{
	font-size: 100px;
    font-family: arial;
    font-weight: bold;
	border: 1px solid silver;
    width:95%;
	max-width: 500px;
	padding: 6px;
}
.header{
	font-size:60px;
	margin:10px 0 30px 0;
	text-align:center;
}
#activityHeader{
	text-align:center;
	margin-bottom:20px;
}
#login, .IDnumber{
	margin:auto;
}
#message{
	color:#ff0000;
	font-weight: bold;
    font-size: 24px;
    text-align: center;
	max-width:100%;
}
#officer{
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#updateform{
	background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
	font-size:24px;
}
#launch{
	cursor:pointer;
	text-align:center;
	font-size:50px;
	padding-top:60px;
	width: 200px;
	height: 120px;
	background-color: #FF0000;
	border:1px dashed #FF0000;
	color:#FFF;
	position:absolute; /*it can be fixed too*/
	left:0; right:0;
	top:0; bottom:0;
	margin:auto;
	border-radius: 25px;

	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width:100%;
	max-height:100%;
	overflow:auto;
}
@media screen and (max-width: 700px){
.IDnumber{
	font-size:50px;
	max-width: 480px;
}	
.header{
	font-size:30px;
}
#message{
    font-size: 14px;
}
.auxbutton{
	font-size:30px;
	height:64px;
}
.gobutton{
	font-size:50px;
}
}