@charset "UTF-8";
/* CSS Document */

/*----- pop up modal ----*/

.bg-modal {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	top:0;	
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
	
}

image.modalMKP {
	width: 100%;
	margin-top: 20px;
	position: relative;
}

.modal-contentMKP {
	
	width: 50%;
	text-align: center;
	background-color: white;
	position: relative;
	top: 0;
	border-radius: 15px;
	padding: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	
	
}

.modal-contentMKP h1 {
	text-align: center;
	margin: 0 10% 0 10%;
	
}

.modal-contentMKP p{
	
	text-align: center !important; 
	width: 95%;
	margin-top: 15px;
}

.modal-closeMKP {
	
	position: absolute;
	top:0;
	right: 14px;
	font-size: 42px;
	transform: rotate(45deg);
	cursor:pointer;
	
	
}

button.modalMKP {
	
	width: 30%;
	height: 50px;
	position: relative;
	border-radius: 50px;
	color: white;
	font-weight: 400;
	background-color: #799B00;
	border: none;
	cursor: pointer;
	margin: 20px auto 20px auto;
	font-size: 20px;

}

modalMKP-button:hover {
	background-color: grey;
	
}

@media (max-width:576px){
	

button.modalMKP {
	
	width: 80%;
	

}
.modal-contentMKP h1 {

	font-size: 1.5em;
}
	
	.modal-contentMKP {
	
	width: 80%;

	
	
}


	
}

/*----- lightbox ----*/