* {
  margin: 0;
  padding: 0;
}

body {
  background: #292929;
}

#container{
  width: 400px;
  height: 330px;
  background-color: #212121;
  margin: 100px auto 0;
  border: 1px solid #F8C900;
  padding: 10px ;
}

.login-form{
  margin-top: 20px;
}

.login-block {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}


.login-block label{
  display: block;
  color: #F8C900;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 2px;
}

.login-block input {
  position: relative;
  display: block;
  width: 95%;
  height: 40px;
  margin: 0 auto;
  font-size: 20px;
  padding: 5px;
  border: 2px solid #292929;
}

.login-block input:focus {
  border: 2px solid #F8C900;
}

.login-block input[type="submit"] {
  background-color: #F8C900;
  border: none;
  font-weight: bold;
  letter-spacing: 1px;
  cursor:pointer;
  -webkit-appearance: none;
}

.login-block input[type="submit"]:hover {
  background: #ffbf00;
  -webkit-appearance: none;
}

.error-block {
  display: block;
  color: #F8C900;
  font-weight: bold;
  font-size: 20px;
  font-family: arial;
  text-transform: uppercase;
  text-align: center;
}

.logo-field{
  width: 420px;
  margin: 5px auto;
}

.logo-field img{
  width: 420px;
}

@media (max-width:500px) {
  #container {
    width: 90%;
	margin-top: 10px;
  }

  .logo-field{
    width: 100%;
  }

  .logo-field img{
    width: 100%;
  }

  .error-block {
	font-size: 15px; 
  }  
}