.popup{
	position:fixed;
	top:50%;
	left:50%;
	height:500px;
	width:700px;
	background-color:white;
	margin-left:-350px;
	margin-top:-250px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0px 0px 40px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 40px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 40px rgba(0,0,0,0.1);
	overflow:auto;
	z-index:10;
}
.popup .header{
	height:60px;
	padding-top:20px;
	padding-bottom:16px;
	background-color:rgba(0,162,232,0.1);
	border-bottom:4px solid rgba(0,162,232,0.05);
	font-size:22px;
	color:rgba(0,81,116,0.7);
}
.popup .header .photo{
	height:60px;
	width:60px;
	background-color:rgb(245,245,245);
	margin-left:20px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.popup .page p{
	margin:20px;
	padding:0px;
}
.popup .page .bulle{
	background-color:rgba(245,0,0,0.1);
	margin:20px;
	padding:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:rgb(245,0,0);
}
.popup .page a{
	padding:10px;
	display:block;
	text-decoration:none;
	margin:20px auto;
	width:300px;
	background-color:rgba(150,190,20,0.8);
	color:white;
	text-align:center;
	font-weight:bold;
	line-height:20px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.h1{
	font-size:30px;
}
.h2{
	font-size:25px;
}
.h3{
	font-size:22px;
}
.h4{
	font-size:18px;
}
.h5{
	font-size:16px;
}
.popup .page li{
	margin:20px;
	color:rgb(100,100,100);
}
@media screen and (max-device-width : 1025px){
	.popup{
		height:90%;
		margin-top:0px;
		top:5%;
	}
	.popup .header{
		height:auto;
		padding-top:40px;
		padding-bottom:36px;
		background-color:rgba(0,162,232,0.1);
		border-bottom:4px solid rgba(0,162,232,0.05);
		font-size:40px;
		color:rgba(0,81,116,0.7);
		text-align:center;
	}
	.popup .header .photo{
		height:150px;
		width:150px;
		margin:0px auto;
		border-radius:100px;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		display:block;
		vertical-align:middle;
		margin-right:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin-bottom:40px;
	}
	.popup .page p{
		margin:40px;
	}
	.popup .page .bulle{
		margin:40px;
		padding:40px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	.popup .page a{
		padding:30px;
		display:block;
		text-decoration:none;
		margin:40px auto;
		width:80%;
		line-height:40px;
		padding-left:40px;
		padding-right:40px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		font-size:30px;
	}
	.h1{
		font-size:55px;
	}
	.h2{
		font-size:45px;
	}
	.h3{
		font-size:40px;
	}
	.h4{
		font-size:35px;
	}
	.h5{
		font-size:30px;
	}
	.popup .page li{
		margin:40px;
		color:rgb(100,100,100);
	}
}