@media only screen and (max-width: 1200px) {
	#categories ul li{
		width: 30%;
		margin: 1%;
	}
	
	body#print hgroup h2,
	body#print hgroup h3{
		font-size: 24px;
	}
	
	body#print hgroup h2{
		bottom: 18%;
	}
	
	header{
		max-width: 1000px;
	}
}

@media only screen and (max-width: 992px) {
	header{
		max-width: 760px;
	}
	
	#home h3{
		font-size: 36px;
	}
	
	#categories ul li{
		width: 21%;
		min-height: 164px;
		padding-bottom: 0;
		text-align: center;
	}
	
	#categories ul li h4{
		margin-top: 8px;
		font-size: 16px;
	}
	
	#categories ul li .articleCount{
		font-size: 13px;
		position: relative;
		top:-3px;
		margin-bottom: -3px;
	}
	
	#categories ul li table{
		text-align: center;
	}
	
	#inThisIssue{
		margin-top: 1em;
	}
	
	.noMobile{
		display: none !important;
	}
	
	.onlyMobile{
		display: flex !important;
	}
	
	.onlyMobile.inline{
		display: inline !important;
	}
	
	#textViewBtn{
		display: none;
	}
	
	#bottomPageNavMobile ul{
		margin:0 auto;
	}
	
}

@media only screen and (max-width: 768px) {
	body{
		margin:0 0 3em 0;
	}
	
	header{
		padding-left: 0.8em;
		padding-right: 0.8em;
		max-width: 550px;
	}
	
	.modal .modal-content{
		margin-bottom: 50px;
	}
	
	#years .card{
		min-width: 100%;
		margin-bottom: 1.2em;
	}
	
	.article h6.noMentions{
		display: none;
	}
	
	.article .tagList{
		padding-top: 0.5em;
	}
	
	#allArticles.condensed .expandArticleBtn{
		display: none;
	}
	
	#allArticles.condensed .article:not(.expanded) .articleActionBtns{
		position: relative;
		top: -6px;
		right: auto;
	}
	
	#issueTitle{
		font-size: 28px;
	}
	
	#inThisIssue{
		margin-top: 1em;
	}
	
	.comment .person{
		position: absolute;
		top: -6px;
		left: 16px;
	}
	
	.comment .name.user,
	.comment .date.user{
		margin-left: 72px;
	}
	
	.comment .date{
		margin-bottom: 0;
	}
	
	.comment .commentTime{
		display: inline-block;
		margin-left: 0.5em;
	}
	
	#allPeople{
		width: 100%;
	}
	
	#allPeople .person.large,
	#allPeople .person.large:hover{
		width: 78px;
		height: 78px;
	}
	
	#allPeople .personName{
		width: 78px;	
		margin-top: 0;
	}
	
	#allPeople .person:hover span.personName{
		width: 78px;
	}
	
	#person .person.xlarge{
		width: 88px;
		height: 88px;
		border-width: 2px;
	}
	
	#addCommentButton{
		width: auto;
	}
	
	#newCommentSubmitButton,
	#newReplySubmitButton{
		text-align: left;
	}
	
	.articleHighlight .comments{
		font-size: 13px;
	}
	
	#comments .articleCommentPreviewWindow{
		display: none;	
	}
	
	#categories ul li{
		width: 46%;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.mobileDownload{
		position: absolute;
		top:0;
		right:16px;
	}
	
	.mobileDownload svg{
		width: 32px;
		fill: #037bff;
	}
	
	footer li{
		display: block;
		margin-top: 1em;
	}
	
	body#print hgroup h2,
	body#print hgroup h3{
		font-size: 18px;
	}
	
	body#print hgroup h2{
		bottom: 23%;
	}
	
	#articleActionDropdown{
		width: 100%;
	}
	
	#articleActionDropdown > button{
		max-width: 52px;
	}
	
@media only screen and (max-width: 576px) {
	#articleViewOptions .btn-group{
		width: 100%;
	}
	
	#articleViewOptions button{
		width: 50%;
	}
	
	.noMobileSmall{
		display: none !important;
	}
}

@media only screen and (max-width: 320px) {
	.onlyMobileLarge{
		display: none;
	}
	
	.issue .articleCount{
		margin-top: 1.5em;
		font-size: 15px;
	}
	
	#topPageNav{
		display: none;
	}
	
	#allPeople .person.large{
		width: 60px;
		height: 60px;
		border-width: 1px;
	}
	
	#allPeople .personName{
		width: 56px;
		margin-top: 0;
	}
	
	#person .person.xlarge{
		width: 72px;
		height: 72px;
	}
	
	#addCommentButton{
		position: inherit;
		max-width: none;
		width: 100%;
	}
	
	body#print hgroup h2,
	body#print hgroup h3{
		font-size: 15px;
	}
	
	body#print hgroup h2{
		bottom: 23%;
	}
	
	#categories ul li h4{
		font-size: 14px;
	}
	
	#categories ul li .articleCount{
		font-size: 12px;
	}
}