#popup{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index: 150;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	vertical-align: middle;
}
#popup .content{
	background-color: grey;
	color:white;
	position:fixed;
	top:40%;
	left:35%;
	width:30%;
	border-radius: 10px;
	padding:6px;
	min-width:370px;
	min-height:260px;
}

@media (max-width: 980px) {
	#popup .content{
		left:10%;
		width:80%;
	}
}

#popup #close{
	position: fixed;
	top:10px;
	right:10px;
	width:8%;
	filter: invert(30%);
	transition: filter 1s;
}
#popup #close:hover{
	cursor: pointer;
	filter: invert(100%);
}