.under18popup
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	z-index: 1000;
}

.under18form
{
	width: 665px;
	border: 4px solid #dedede;
	padding: 48px;
	box-sizing: border-box;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 95px;
}

.under18title
{
	font-size: 23px;
	margin-bottom: 20px;
}

.under18text
{
	margin-bottom:20px;
}

.under18btn
{
	overflow: auto;
}

.under18btnp
{
	float: left;
	width: 48%;
	text-align: center;
	font-size: 25px;
}

@media only screen and (max-width: 640px) 
{
	.under18form 
	{
		width: 600px;
	}
	
	.under18title 
	{
		font-size: 21px;
	}
	
	.under18text
	{
		font-size: 15px;
	}
	
	.under18btnp 
	{
		font-size: 20px;
	}
}

@media only screen and (max-width: 480px) 
{
	.under18form 
	{
		width: 435px;
	}
	
	.under18title 
	{
		font-size: 17px;
	}
	
	.under18text
	{
		font-size: 13px;
	}
	
	.under18btnp 
	{
		font-size: 20px;
	}
}

@media only screen and (max-width: 414px) 
{
	.under18form 
	{
		width: 380px;
	}
	
	.under18title 
	{
		font-size: 17px;
	}
	
	.under18text
	{
		font-size: 12px;
	}
	
	.under18btnp 
	{
		font-size: 20px;
	}
}

@media only screen and (max-width: 375px) 
{
	.under18form 
	{
		width: 300px;
	}
	
	.under18title 
	{
		font-size: 17px;
	}
	
	.under18text
	{
		font-size: 12px;
	}
	
	.under18btnp 
	{
		font-size: 20px;
	}
}

@media only screen and (max-width: 320px) 
{
	.under18form 
	{
		width: 300px;
	}
	
	.under18title 
	{
		font-size: 17px;
	}
	
	.under18text
	{
		font-size: 12px;
	}
	
	.under18btnp 
	{
		font-size: 20px;
	}
}