body{background:#1f2025;}

header{left:0; top:0; width:90%; height:3.75rem; line-height:3.75rem; padding:0 5%; background:#1772e1; color:#fff;}
header img{height:2.625rem; margin-top:0.5625rem;}
header h3{font-size:1rem;}

main{padding:4.5rem 0;}
#logo img{height:10rem; margin:0 auto; border-radius:0.5rem;}
#font{margin-top:1.875rem;}
#font img{height:2.625rem; margin:0 auto;}

#download{width:100%; margin:1rem auto 0 auto;}
#download dl dd{float:left; width:95%; height:4rem; line-height:4rem; margin:0.625rem; background:#2e2e2e; border-radius:2rem; font-size:1.375rem; text-align:center;}
#download dl dd a{display:block; color:#fff;}
#download dl dd em{display:inline-block; background-repeat:no-repeat; background-position:left center;}
#download dl dd.ios em{padding-left:2.75rem; background-image:url(./ios.png); background-size:1.5rem 1.875rem;}
#download dl dd.android em{padding-left:2.875rem; background-image:url(./android.png); background-size:1.625rem 1.875rem;}

footer{left:0; bottom:0; width:100%; height:3.125rem; line-height:3.125rem; background:#2e2e2e; font-size:0.875rem; color:#fff;}
footer a{color:#fff;}

@media screen and (max-width:414px){
	header{height:3.375rem; line-height:3.375rem;}
	header img{height:2.25rem;}

	main{padding:6.375rem 0 7.875rem 0;}
	#logo img{height:6.875rem;}
	#font{margin-top:1.25rem;}
	#font img{height:1.85rem;}
	#download{width:100%; margin-top:2rem;}
	#download dl dd{float:none; width:90%; height:3.5rem; line-height:3.5rem; margin:1.25rem auto 0 auto; border-radius:1.75rem; font-size:1rem;}
	#download dl dd:first-child{margin-top:0;}
	#download dl dd.ios em{padding-left:2.375rem; background-size:1.125rem 1.375rem;}
	#download dl dd.android em{padding-left:2.5rem; background-size:1.25rem 1.5rem;}

	footer{height:2.875rem; line-height:2.875rem;}
}
@media screen and (max-width:430px){
	header{height:3.375rem; line-height:3.375rem;}
	header img{height:2.25rem;}

	main{padding:6.375rem 0 7.875rem 0;}
	#logo img{height:6.875rem;}
	#font{margin-top:1.25rem;}
	#font img{height:1.85rem;}
	#download{width:100%; margin-top:2rem;}
	#download dl dd{float:none; width:90%; height:3.5rem; line-height:3.5rem; margin:1.25rem auto 0 auto; border-radius:1.75rem; font-size:1rem;}
	#download dl dd:first-child{margin-top:0;}
	#download dl dd.ios em{padding-left:2.375rem; background-size:1.125rem 1.375rem;}
	#download dl dd.android em{padding-left:2.5rem; background-size:1.25rem 1.5rem;}

	footer{height:2.875rem; line-height:2.875rem;}
}

@media screen and (max-width:540px){
	header{height:3.375rem; line-height:3.375rem;}
	header img{height:2.25rem;}

	main{padding:4.8rem 0 4.5rem 0;}
	#logo img{height:6.875rem;}
	#font{margin-top:1.25rem;}
	#font img{height:1.85rem;}
	#download{margin-top:0rem;}
	#download dl dd{float:none; width:90%; height:3.5rem; line-height:3.5rem; margin:1.25rem auto 0 auto; border-radius:1.75rem; font-size:1rem;}
	#download dl dd:first-child{margin-top:0;}
	#download dl dd.ios em{padding-left:2.375rem; background-size:1.125rem 1.375rem;}
	#download dl dd.android em{padding-left:2.5rem; background-size:1.25rem 1.5rem;}

	footer{height:2.875rem; line-height:2.875rem;}
}