@charset "utf-8";
	@charset "utf-8";

	html				{ width:100%; height:100%; min-width:320px; }
	body				{ width:100%; height:100%; }
	
	main				{ display:table; width:100%; height:100%; }
	main	.cell		{ display:table-cell; height:100%; vertical-align:middle; text-align:center; padding:50px 0px 190px 0px; }
	main	.logo		{ margin:0px 20px 50px 20px; }
	main	.logo	img	{ width:100%; max-width:470px; }
	main	.box		{ display:inline-block; text-align:left; }
	h3					{ color:#808080; margin-bottom:20px; }
	li	a				{ display:block; color:white; }
	li	a	img			{ max-width : 100%; }
	li:not(:last-child)	{ margin-bottom:10px; }
	
	body	> footer				{ position:fixed; bottom:0px; left:0px; width:100%; background-color:#f2f2f2; margin:0px; text-align:center; min-width:320px; }
	body	> footer	nav			{ color:#999999; margin-bottom: 10px; }
	body	> footer	nav		a	{ margin:0px 10px 0px 10px; }
	body	> footer	.copyright	{ color:#999999; }
	
	@media (max-width:479px)
	{
		main	.box		{ width:260px; }
		h3					{ font-size:20px; line-height:20px; margin-bottom:20px; }
	
		body	> footer				{ padding:25px 0px 25px 0px; }
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:14px; line-height:14px; }
		body	> footer	.copyright	{ color:#999999; font-size:14px; line-height:14px; }
	}
	@media (min-width:480px)
	{
		main	.box		{ width:300px; }
		h3					{ font-size:24px; line-height:24px; }
	
		body	> footer				{ padding:30px 0px 50px 0px; }
		body	> footer	nav		a	{ margin:0px 10px 0px 10px; font-size:15px; line-height:15px; }
		body	> footer	.copyright	{ color:#999999; font-size:18px; line-height:18px; }
	}