.cancelbtn {
  	width: auto;
  	background-color: #f44336;
}
.imgcontainer {
  	text-align: center;
  	margin: 24px 0 12px 0;
  	position: relative;
}
.container {
	text-align: center;
	align: center;
  	padding: 16px;
	border-radius: 20px;
}
span.psw {
  	float: right;
  	padding-top: 16px;
}
.login {
  	display: none;
  	position: fixed;
  	z-index: 10;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	overflow: auto;
  	background-color: rgb(0,0,0);
  	background-color: rgba(0,0,0,0.4);
  	padding-top: 60px;
}
.login-content {
  	background-color: #fefefe;
  	margin: 5% auto 15% auto;
  	border: 1px solid #888;
  	width: 30%; 
	border-radius: 20px;
	min-width: 400px;
}
.close {
  	position: absolute;
  	right: 25px;
  	top: 0;
  	color: #000;
  	font-size: 35px;
  	font-weight: bold;
}
.close:hover,
.close:focus {
  	color: red;
  	cursor: pointer;
}
.animate {
  	-webkit-animation: animatezoom 0.6s;
  	animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  	from {-webkit-transform: scale(0)} 
  	to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
  	from {transform: scale(0)} 
  	to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
	span.psw {
	display: block;
	float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}