html, body {
  margin: 0;
  background-color: #F2F2F2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 55px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
}


#listah {
  
}

#log1 {
  display: none;
}

#lbl_main {
  display: none;
}

.kontejner {
	margin: 0 auto;
	width: 100%;
  	height: 100%;
}

#div_login {
	margin-top: 20%;
	
}

.form-input {
	padding: 10px;
	text-align: center;
	
}



#i_username {
	font-size: 55px;

}

#i_password {
	font-size: 55px;
}

.btn {
	text-align: center;
	

}

#btn_login {
	background-color: #8BC34A;
	font-size: 55px;
	text-align: center;

}

#listad {
  display: none;
 
}

@media only screen and (min-width: 1000px) {

#listah {
  display: block;
  width: 100%;
  min-width: 100%;
  height: 90px;
  background-color: #231f20;
}

#log1 {
  display: block;
  padding-top: 22px;
  padding-left: 30px;
}

#lbl_main {
  display: block;
  text-align: center;
  color: #F2F2F2;
  z-index: 6;
  margin-top: -70px;
  font-size: 32px;
  font-family: "Lucida Console", "Courier New", monospace;
}

.kontejner {
  margin: 0 auto;
  width: 1200px;
  height: 835px;
  
  border-left: 15px solid;
  border-right: 15px solid;
  border-color: #231f20;
  background-color: #F2F2F2;
  text-align: center;
  position: relative;
}

#div_login {
	padding-top: 80px;
	margin-top: 0%;
	background-color: #F2F2F2;
}

.form-input {
	
	padding: 5px;
	font-size: 25px;

	
	
}



#i_username {
	font-size: 25px;

}

#i_password {
	font-size: 25px;
}

.btn {
	text-align: center;
	padding: 0px;
	

}

#btn_login {
	
	font-size: 30px;
	text-align: center;
	background-color: #8BC34A;
	margin-top: 0px;
	
	

}

#btn_login:hover {
  background-color:  #5d921d;
}

#listad {
  display: block;
  width: 100%;
  height: 130px;
  background-color: #231f20;
}
}