/* POPUP */

#popup .popup-window{
	padding: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 400px;
	width: 100%;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33);
	z-index: 10005;
	
	text-align: center;
	width: 90%;
    box-sizing: border-box;
}
#popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.33);
	z-index: 10000;
}
#popup i {
    position: absolute;
    left: 37.25%;
    top: 11%;
    cursor: pointer;
    padding: 20px;
    z-index: 10;
    color: #fff;
	transition-duration: 0.2s;

}

.popuptext {
    width: 500px;
    height: auto;
    position: relative;
    left: 37%;
    top: 10%;
	transition-duration: 0.2s;
}

.popuptext img {
    width: 100%;
}


@media screen and (max-width: 1275px) {
	.popuptext {
		left: 30%;
	}
	#popup i {
		left: 30.5%;
	}
}
@media screen and (max-width: 900px) {
	.popuptext {
		left: 22%;
	}
	#popup i {
		left: 22.5%;
	}
}
@media screen and (max-width: 600px) {
		.popuptext {
		left: 3%;
		width: 90%;
		top: 4%;
	}
	#popup i {
		left: 3.5%;
		top: 4%;
	}
}