#popupall * {
margin: 0;
padding: 0;
}

#popupall {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9998;
display: none;
background: RGBA(0, 0, 0, 0.6);
font-size: 100%;
}

#popupall .closespace {
	width: 100%;
	height: 100%;
	position: absolute;
}

#popupCont {
position: relative;
width: 700px;
padding: 15px;
background: white;
color: black;
z-index: 9999;
box-sizing: border-box;
max-width: 90%;
text-align: center;
  top: 50%;
  left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

#popupCont .closepop {
width: 30px;
height: 30px;
font-size: 30px;
cursor: pointer;
line-height: 1;
text-align: center;
color: #fff;
background: #000;
border-radius: 50%;
position: absolute;
top: -15px;
right: -15px;
transition: .3s;
font-family: PT Sans,sans-serif;
}

#popupCont .closepop:hover {
color: #fff;
background: red;
}

#popupCont h2, #popupCont p {
color: #000;
background-color: #fff;
}