.popup-click {
	cursor:pointer;
}

.popup-containner {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height:100%;
	background-color:rgba(47, 57, 65, 0.85);
	align-items: center;
	overflow: auto;
	z-index: 400;
	animation-name: fade-in;
	animation-duration: 0.5s;
	font-size:120%;
}

.popup-btn {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 27px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	line-height: 27px;
}

.popup-text {
	position:relative;
	background-color: #fff;
	width: 50%;
	
	text-align: left;
	font-size: 90%;
}

.web .popup-text {
	margin: 100px auto;
	padding: 45px 30px;
	min-width: 500px;
}

.mobile .popup-text {
	margin: 50px auto;
	padding: 40px 20px;
	min-width: 300px;
}

.hidden {
	display:none;
	animation-name: fade-out;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}