/* Main content */
main.container { text-align: center; padding: 53px 20px 0; box-sizing: border-box; }
h1 { font: 700 28pt 'Arial Rounded', 'Arial', sans-serif; text-shadow: none; text-transform: none; margin: 0 auto 16px; }
main section { margin: 30px -15px 45px; font-size: 0; }
main section > div { margin: 0 15px; border: 3px solid #e5e5e5; width: 340px; display: inline-block; vertical-align: top; }
main section div div { padding: 10px 13px; border-bottom: 3px solid #f1f1f1; font-size: 13pt; }
main h3 { font: 400 14pt/1.5 'Arial', sans-serif; }
main b { font-size: 22pt; color: #42bfb5; }
main ul { padding: 23px 44px; margin: 0; }
main li { color: #8b8989; padding: 0 0 0 30px; font-size: 12pt; text-align: left; margin: 0 0 15px; }
main li.active { color: #424143; }
main li:before { display: none; }
main li.active:before { content: ' '; display: block; background: 0; top: 0; width: 22px; height: 18px; background: url( '../../images/pages/subscription/icons/arrow.png' ); }
main ul li:last-of-type { margin: 0; }

/* Links */
#links { font-size: 0; margin: 0 0 50px; }
#links p { font-size: 14pt; color: #424143; display: block; margin: 0 0 10px; }
#links a { display: inline-block; vertical-align: middle; margin: 0 11px; }
#links img { display: block; }

@media (max-width: 760px) {
	main.container { padding: 30px 20px 0; }
	h1 { font-size: 22pt; }
	
	main section { margin: 30px 0 45px; }
	main section > div { display: block; max-width: 100%; margin: 0 auto 20px; }
	main section > div:last-of-type { margin: auto; }
}

@media (max-width: 460px) {
	h1 { font-size: 20pt; }
	
	#links a { margin: 0 3px; }
	#links img { height: 40px; }
}