@media (max-width: 1280px) { 
	.single-article .layout-row.article-content nav .nav-wrapper { font-size: 90%; }
	.single-article .layout-row.article-content nav .nav-wrapper > ul { padding: 2em 1.5em; }
	.single-article .layout-row.article-content article { padding: 2em 3em; }
	.single-article .layout-row.article-content article h2 { font-size: 200%; line-height: 1.1; }
	.single-article .layout-row.article-content article h3 { font-size: 130%; }
	.single-article .layout-row.article-content article .content-wrapper { columns: auto; text-align: left; }
	.single-article .layout-row.article-content nav ol.chapters { margin: 1.5em 0 1em 1.5em; }
}


@media (max-width: 1055px) { 
	/*.row { margin-left: 0; margin-right: 0; }*/
	.layout-row > .wrapper {
		width: 100%;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.popup-toc .meta { display: none; }
	
	.single-article .layout-row.article-content nav li.main > a { font-size: 100%; }
	.single-article .layout-row.article-content nav li.main > a:not(.no-chapters):after { top: -9px; }
}

@media (max-width: 991px) {
	body { font-size: 15px; }
	.row > * { margin-bottom: 20px; }
	.layout-row.news .news-item { margin-bottom: 0; }
	
	.checkmark { width: 22px; height: 22px; }
	.checkbox-label .checkmark:after { left: 7px; top: 3px; }
	
	.block-text { margin: 30px 0; }
	.block-text figure { float: none; margin-bottom: 30px; }
	.block-text p {
		position: static;
		padding: 0;
		-webkit-transform: none;
		transform: none;
	}
	
	header.layout-row > .wrapper { padding-top: 10px; padding-bottom: 10px; }
	header.layout-row .logo { width: 200px; }
	header.layout-row nav ul li { padding-left: 7px; }
	
	.layout-row.subheader .left { padding-right: 20px; }
	.layout-row.subheader h2 { font-size: 120%; }
	
	.layout-row.latest-news header h2 { margin-bottom: 0; }
	.layout-row.tag-search { background-size: 100% auto; }
	
	.board { padding: 0; }
}

@media (max-width: 768px) {
	body { margin-top: 72px; }
	p { margin: 0 0 20px 0; }
	
	.hamburger-btn { display: block; }
	header.layout-row nav,
	.layout-row.supheader,
	.layout-row.subheader
		{ display: none; }
	
	.popup { margin: 0; }
	
	header.layout-row {
		position: fixed;
		width: 100%;
		top: 0;
		background: #fff;
		border: none;
		box-shadow: 0 0 30px rgba(0,0,0,.3);
		z-index: 999;
	}
	header.layout-row .logo { background-size: auto 80%; width: 190px; }
	
	form .form-row .sections .section { width: calc(50% - 10px); }
	
	#homeSlider,
	#homeSlider .slide
		{ height: 300px; }
	#homeSlider .slide .meta { padding: 0 15%; }
	#homeSlider .slide .meta h2 { font-size: 200%; }
	#homeSlider .slide .meta p { font-size: 120%; }
	#homeSlider .slick-arrow { width: 60px; height: 60px; }
	#homeSlider .slick-arrow:before { font-size: 40px; text-indent: -5px; }
	
	.issues-slider .issue-item .meta h3 { font-size: 60%; }
	.issues-slider .issue-item .meta h2 { font-size: 100%; }
	
	.single-article .layout-row.article-content { display: block; }
	.single-article .layout-row.article-content article {
		padding-top: 0;
		padding-left: 2em;
		padding-right: 2em;
	}
	.single-article .layout-row.article-content .mobile-bar {
		padding: 1em 2em;
		position: sticky;
		margin: 0 -2em 2em;
		background: #eee;
		top: 70px;
		z-index: 9;
		text-transform: uppercase;
		text-align: justify;
	}
	.single-article .layout-row.article-content .mobile-bar ul {
		padding: 0;
		margin: 0 -10px;
		justify-content: space-between;
	}
	.single-article .layout-row.article-content .mobile-bar li { display: inline-block; padding: 0 10px; }
	.single-article .layout-row.article-content .mobile-bar a { color: #666; }
	.single-article .layout-row.article-content .mobile-bar .icon-toc {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	.single-article .layout-row.article-content .mobile-bar .icon-up-open {
		-webkit-transform: scale(1.8) translateY(-1px);
		transform: scale(1.8) translateY(-1px);
	}
	.single-article .layout-row.article-content article .download { margin-top: 2em; }
	
	.single-post article header { display: block; background: transparent; }
	.single-post article header figure { margin: -51px -20px 0 -20px; }
	
	.popup-login .creative-commons p { margin-top: 10px; }
	footer.layout-row .creative-commons p { padding: 0 5em; }
}

@media (max-width: 620px) {
	body { font-size: 12px; }
	
	.layout-row > .wrapper { padding-top: 50px; padding-bottom: 50px; }
	
	.news-item,
	.article-item { height: 220px; }
	.layout-row.tag-search { background-size: cover; }
	
	blockquote { margin: 90px 0; padding: 0 15px; }
	blockquote:before,
	blockquote:after  { font-size: 900%; }
	blockquote:before { content: '“'; top: -65px; }
	blockquote:after { content: '”'; bottom: -135px; }
	
	form .form-row .label,
	form .form-row .input { display: block; width: 100%; }
	form .form-row .label { padding-left: 10px; }
	form .form-row .sections .section h4 { height: 45px; }
	
	.single-post article p,
	.single-article article p,
	.page article p { font-size: 1rem; }
	
	.checkmark { width: 18px; height: 18px; }
	.checkbox-label { padding-left: 25px; line-height: 1.4; }
	.checkbox-label .checkmark:after { width: 3px; height: 8px; left: 6px; top: 3px; }
	
	.layout-row.article-header h2 { font-size: 280%; padding: 15px 20px; }
	.layout-row.article-header h3 span { font-size: 120%; padding: 5px 15px; }
	
	.serp section:not(:last-child) { border-bottom: 1px solid #eee; }
	.serp section .color { display: none; }
	
	footer.layout-row .color-squares b { width: 17%; margin: 0 1%; }
}

@media (max-width: 560px) {
	.col-xs-4 { width: 100%; }
	
	#homeSlider,
	#homeSlider .slide
		{ height: 220px; }
	#homeSlider .slide .meta h2 { font-size: 150%; }
	#homeSlider .slide .meta p { font-size: 110%; }
	#homeSlider .slick-arrow { width: 40px; background: transparent; }
	#homeSlider .slick-arrow:before { color: #fff; }
	
	footer.layout-row .creative-commons p { padding: 0 2em; }
}

@media (max-width: 480px) {
	.col-xs-6 { width: 100%; }
	
	form .form-row .sections .section { width: 100%; }
	form .form-row .sections .section h4 { height: auto; padding-bottom: 10px; }
	
	.news-item, .article-item { height: auto; }
	.article-item .meta { padding-bottom: 50px; }
	
	.issues-slider .issue-item .meta { height: auto; }
	.issues-slider .issue-item .meta h3 { font-size: 90%; }
	.issues-slider .issue-item .meta h2 { font-size: 130%; }
	
	.article-item header,
	.article-item .cover h3 { font-size: 110%; }
	
	.layout-row.tag-search .tag-list li,
	.layout-row.tag-search .tag-list li a { display: block; }
	
	.layout-row.article-header h2 { font-size: 200%; padding: 10px 15px; }
	.layout-row.article-header h3 span { font-size: 100%; padding: 6px 10px; }
	
	footer.layout-row .logos img { width: 100%; }
	footer.layout-row .creative-commons p { padding: 0; }
}