@media screen and (max-width: 2000px) {
	html { font-size: 18px; }
}

@media screen and (max-width: 1200px) {
	.layout-row.meeting-admin-manage > .wrapper { width: 100%; min-width: 0; padding-left: 2rem; padding-right: 2rem; }
}

@media screen and (max-width: 980px) {
	html { font-size: 14px; }
	
	.layout-row > .wrapper,
	.layout-row.ticket-activation-page > .wrapper { width: 100%; min-width: 0; padding-left: 2rem; padding-right: 2rem; }
	
	.layout-row.meeting-header > .wrapper {	padding-top: 5rem; padding-left: 2rem; padding-right: 2rem; }
	.layout-row.meeting-actions > .wrapper { padding-left: 2rem; padding-right: 2rem; }
	.layout-row.meeting-header .meta-wrapper { left: 2rem; }
}

@media screen and (max-width: 720px) {
	header.layout-row .user-nav { display: none; }
	
	footer.layout-row > .wrapper { display: block; text-align: center; }
	footer.layout-row .links { justify-content: center; flex-wrap: wrap; margin-top: 1rem; }
	footer.layout-row .links a { flex-basis: 50%; margin-bottom: .5rem; padding: 0 .5rem !important; }
}
	
@media screen and (max-width: 480px) {
	html { font-size: 1em; }
	
	.layout-row > .wrapper,
	.layout-row.ticket-activation-page > .wrapper { padding-top: 2rem; padding-bottom: 2rem; }
	
	.layout-row.ticket-activation-page h2 { font-size: 1.2rem; }
	.layout-row.ticket-activation-page h3 { font-size: 2rem; margin-bottom: 1rem; }
	.layout-row.ticket-activation-page h4 { font-size: 1.2rem; }
	.layout-row.ticket-activation-page hr { margin: 2em 0; }
	.layout-row.ticket-activation-page #redeem_ticket_form .flex { display: block; }
	.layout-row.ticket-activation-page #redeem_ticket_form .flex .button { margin: .5rem 0 0; width: 100%; }
	
	.layout-row.meeting-header h2 { font-size: 2rem; }
	.layout-row.meeting-header p { font-size: 1.2rem; }
	.layout-row.meeting-header p.call-to-action { text-align: center; }
	.layout-row.meeting-header .join-meeting.button { width: 100%; }
	.layout-row.meeting-header .meta-wrapper { 
		position: relative;
		top: 0; left: 0; bottom: 0; right: 0;
		width: auto;
		padding: 0 2rem 1rem;
		margin: -4rem 0 0;
		flex-direction: column;
	}
	.layout-row.meeting-header .meta-wrapper p { text-align: left; }
	.layout-row.meeting-header .meta-wrapper .meta { padding: 0 0 1rem; margin: 0 0 1rem; border: none; border-bottom: 1px solid rgba(255,255,255,.3); }
	.layout-row.meeting-header .meta-wrapper .meta:last-child { margin-bottom: 0; border: none; }
	
	.layout-row.meeting-actions > .wrapper { display: block; }
	.layout-row.meeting-actions .desc { margin-bottom: 1rem; }
	
	article.hentry h2 { font-size: 1.5rem; }
	
	footer.layout-row > .wrapper { font-size: .9rem; }
}