#app-content
 {
	text-align:center;
	width:800px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
 }

  input[type=button],
  input[type=submit] {
  font-family: Arial, sans-serif;
  font-size: 13px;
  height: 36px;
  width:200px;
  background:#BB692D;
  font-weight:bold;
  color:#fff;
  }

  form{
	width:350px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	background:#F7F7F7;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);
  }
  
  input[type=password],
  input[type=text]{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  height: 36px;
  width:200px;
  padding: 0 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #F7DBC8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 15px;
  color: #404040;
  }
  input[type=password]:hover,
  input[type=text]:hover{
  border: 1px solid #E09E70;
  -moz-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  }
  
  #persist{
	display:block;
	width:200px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
  }
  
  #error{
	display:block;
	width:200px;
	color:red;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
  }
  
  h1{
	font-size:36px;margin-top:25px;color:#545353;text-shadow: 1px 1px 1px #888888;
  }
  
  input[type=password]:focus,
  input[type=text]:focus {
  outline: none;
  border: 1px solid #BB692D;
  -moz-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  }

  footer{
	width:800px;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top: 1px solid #E5E5E5;
	padding:25px;
  }
  
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

 #app-content
 {
	text-align:center;
	width:320px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
 }

  input[type=button],
  input[type=submit] {
  font-family: Arial, sans-serif;
  font-size: 13px;
  height: 36px;
  width:200px;
  background:#BB692D;
  font-weight:bold;
  color:#fff;
  }

  form{
	width:300px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	background:#F7F7F7;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);
  }
  
  input[type=password],
  input[type=text]{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  height: 36px;
  width:200px;
  padding: 0 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #F7DBC8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 15px;
  color: #404040;
  }
  input[type=password]:hover,
  input[type=text]:hover{
  border: 1px solid #E09E70;
  -moz-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.1);
  }
  
  #persist{
	display:block;
	width:200px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
  }
  
  #error{
	display:block;
	width:200px;
	color:red;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
  }
  
  h1{
	font-size:18px;margin-top:25px;color:#545353;text-shadow: 1px 1px 1px #888888;
  }
  
  input[type=password]:focus,
  input[type=text]:focus {
  outline: none;
  border: 1px solid #BB692D;
  -moz-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  box-shadow: inset 0 1px 2px rgba(224, 158, 112,0.3);
  }

  footer{
	width:320px;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top: 1px solid #E5E5E5;
	padding:25px;
  }


}