@import url(//fonts.googleapis.com/css?family=Lato:300,700,300italic,700italic);

@font-face {
    font-family: 'boston_trafficregular';
    src: url('/magazine-archive/media/magazine/fall2015/exploringhumanrights/boston_traffic-webfont.eot');
    src: url('/magazine-archive/media/magazine/fall2015/exploringhumanrights/boston_traffic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/magazine-archive/media/magazine/fall2015/exploringhumanrights/boston_traffic-webfont.woff') format('woff'),
         url('/magazine-archive/media/magazine/fall2015/exploringhumanrights/boston_traffic-webfont.ttf') format('truetype'),
         url('/magazine-archive/media/magazine/fall2015/exploringhumanrights/boston_traffic-webfont.svg#boston_trafficregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tenby_fiveregular';
    src: url('/magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.eot');
    src: url('/magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.eot?#iefix') format('embedded-opentype'),
         url('/magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.woff2') format('woff2'),
         url('/magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.woff') format('woff'),
         url('./magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.ttf') format('truetype'),
         url('/magazine-archive/media/magazine/fall2015/abravenewworld/tenby-five-webfont.eot#tenby_fiveregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	background-color: rgb(192, 192, 192);
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}

body strong {
	/* This is necessary because Lato's "strong" is 700 weight, not the default 600 */
	font-weight: 700;
}

.clearfix:after {
	content: "";
	height: 0px;
	overflow: hidden;
	display: block;
	clear: both;
}

@viewport { width: device-width; }
@-ms-viewport { width: device-width; }


/***
*    d8888b.  .d8b.   d888b  d88888b      db   db d88888b  .d8b.  d8888b. d88888b d8888b. 
*    88  `8D d8' `8b 88' Y8b 88'          88   88 88'     d8' `8b 88  `8D 88'     88  `8D 
*    88oodD' 88ooo88 88      88ooooo      88ooo88 88ooooo 88ooo88 88   88 88ooooo 88oobY' 
*    88~~~   88~~~88 88  ooo 88~~~~~      88~~~88 88~~~~~ 88~~~88 88   88 88~~~~~ 88`8b   
*    88      88   88 88. ~8~ 88.          88   88 88.     88   88 88  .8D 88.     88 `88. 
*    88      YP   YP  Y888P  Y88888P      YP   YP Y88888P YP   YP Y8888D' Y88888P 88   YD 
*                                                                                         
*                                                                                         
*/

.page-header {
	font-size: 10px;
	background-color: #FFF;
	height: 11.2em;
	position: relative;
	box-shadow: 0em 0.4em 0.8em rgba(0,0,0,0.5);
}

.page-header h1 {
	font-size: 1em;
	margin: 0px;
	position: absolute;
	width: 25.6em;
	height: 3.2em;
	overflow: hidden;
	left: 1.6em;
	top: 2.6em;
}

.page-header h1 a {
	color: rgba(0,0,0,0);
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0px 0px;
}

.page-header h1 a svg {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
}

.page-header .header-nav {
	display: block;
	position: absolute;
	font-size: 1.7em;
	right: 0.941em;
	top: 2.35em;
	line-height: 1.3em;
	font-weight: bold;
}

.page-header .header-nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.page-header .header-nav ul li {
	display: inline-block;
	margin-left: 0.588em;
}

.page-header .header-nav ul li a {
	color: #AAA;
	text-decoration: none;
	transition: color 0.5s ease-in-out 0s;
	-o-transition: color 0.5s ease-in-out 0s;
	-ms-transition: color 0.5s ease-in-out 0s;
	-webkit-transition: color 0.5s ease-in-out 0s;
	-moz-transition: color 0.5s ease-in-out 0s;
}

.page-header .header-nav ul li a:hover,
.page-header .header-nav ul li a:focus {
	color: #444;
}

.page-header .lower-header {
	background-color: #ed174c;
	color: #FFF;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-size: 1.4em;
	height: 2em;
}

.page-header .lower-header p {
	margin: 0.286em 1.143em;
}

.page-header .lower-header p.tag-line {
	float: left;
}

.page-header .lower-header p.date-line {
	float: right;
}

.page-header .mobile-menu-button {display: none;}


@media (max-width: 719px) {
	.page-header .lower-header p.tag-line {
		display: none;
	}

	.page-header h1 {
		width: 240px;
		height: 32px;
	}

	.page-header h1 a {
		background-position: 0px -189px;
	}

	.page-header .mobile-menu-button {
		display: block;
		margin: 0px;
		position: absolute;
		right: 16px;
		top: 26px;
		width: 32px;
		height: 32px;
		overflow: hidden;
	}

	.page-header .mobile-menu-button a {
		display: block;
		width: 100%;
		height: 100%;
		color: rgba(0,0,0,0);
		background-position: -160px -80px;
		opacity: 0.25;
		transition: opacity 0.5s ease-in-out 0s;
		-o-transition: opacity 0.5s ease-in-out 0s;
		-ms-transition: opacity 0.5s ease-in-out 0s;
		-webkit-transition: opacity 0.5s ease-in-out 0s;
		-moz-transition: opacity 0.5s ease-in-out 0s;
	}

	.page-header.open .mobile-menu-button a {
		opacity: 0.5;
	}

	.page-header .header-nav {
		background-color: #FFF;
		left: 0px;
		top: 84px;
		right: 0px;
		height: 0px;
		overflow: hidden;
	}

	.page-header.open {
		height: 304px;
	}

	.page-header.open .header-nav {
		height: 192px;
	}

	.page-header .header-nav ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	.page-header .header-nav ul li {
		display: block;
		margin: 0px 0px;
	}

	.page-header .header-nav ul li a {
		display: block;
		padding: 0px 10px;
		height: 47px;
		line-height: 47px;
		font-size: 19px;
		border-top: 1px solid #DDD;
	}

	.page-header,
	.page-header .header-nav {
		transition: height 0.5s ease-in-out 0s;		
		-o-transition: height 0.5s ease-in-out 0s;		
		-ms-transition: height 0.5s ease-in-out 0s;		
		-webkit-transition: height 0.5s ease-in-out 0s;		
		-moz-transition: height 0.5s ease-in-out 0s;		
	}

}

@media (min-width: 1000px) {
	.page-header {
		font-size: 1vw;
	}
}



/***
*    d8888b.  .d8b.   d888b  d88888b      .88b  d88. d888888b d8888b. d8888b. db      d88888b 
*    88  `8D d8' `8b 88' Y8b 88'          88'YbdP`88   `88'   88  `8D 88  `8D 88      88'     
*    88oodD' 88ooo88 88      88ooooo      88  88  88    88    88   88 88   88 88      88ooooo 
*    88~~~   88~~~88 88  ooo 88~~~~~      88  88  88    88    88   88 88   88 88      88~~~~~ 
*    88      88   88 88. ~8~ 88.          88  88  88   .88.   88  .8D 88  .8D 88booo. 88.     
*    88      YP   YP  Y888P  Y88888P      YP  YP  YP Y888888P Y8888D' Y8888D' Y88888P Y88888P 
*                                                                                             
*                                                                                             
*/
.page-middle {
	background-color: #FFF;
	overflow: hidden;
}





/***
 *    d8888b.  .d8b.   d888b  d88888b      d88888b  .d88b.   .d88b.  d888888b d88888b d8888b. 
 *    88  `8D d8' `8b 88' Y8b 88'          88'     .8P  Y8. .8P  Y8. `~~88~~' 88'     88  `8D 
 *    88oodD' 88ooo88 88      88ooooo      88ooo   88    88 88    88    88    88ooooo 88oobY' 
 *    88~~~   88~~~88 88  ooo 88~~~~~      88~~~   88    88 88    88    88    88~~~~~ 88`8b   
 *    88      88   88 88. ~8~ 88.          88      `8b  d8' `8b  d8'    88    88.     88 `88. 
 *    88      YP   YP  Y888P  Y88888P      YP       `Y88P'   `Y88P'     YP    Y88888P 88   YD 
 *                                                                                            
 *                                                                                            
 */
.footer-wrapper {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-wrapper .page-footer {
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #777;
	line-height: 1.3em;
}
.footer-wrapper .page-footer a {
	color: #555;
}

.footer-wrapper .page-footer .page-footer-left {
	float: left;
}
.footer-wrapper .page-footer .page-footer-right {
	float: right;
	text-align: right;
}

.footer-wrapper .page-footer .page-footer-left p {
	margin-top: 0px;
}

.footer-wrapper .page-footer .page-footer-right .social-media-icons {
}
.footer-wrapper .page-footer .page-footer-right .social-media-icons a {
	display: inline-block;
	overflow: hidden;
	color: rgba(0,0,0,0);
	width: 48px;
	height: 48px;
	margin: 10px;
	margin-right: 0px;
	margin-top: 0px;
}
.footer-wrapper .page-footer .page-footer-right .social-media-icons a.facebook {
	background-position: -200px -64px;
}
.footer-wrapper .page-footer .page-footer-right .social-media-icons a.twitter {
	background-position: -200px -124px;
}
.footer-wrapper .page-footer .page-footer-right .social-media-icons a.you-tube {
	background-position: -144px -124px;
}

@media (min-width: 720px) and (max-width: 1124px) {
	.footer-wrapper {
		padding: 20px;
	}
}

@media (max-width: 719px) {
	.footer-wrapper {
		padding: 20px;
	}

	.footer-wrapper .page-footer .page-footer-left, 
	.footer-wrapper .page-footer .page-footer-right {
		float: none;
		text-align: center;
	}
	.footer-wrapper .page-footer .page-footer-right .social-media-icons a {
		margin-left: 5px;
		margin-right: 5px;
	}
}



/***
*    db   db d88888b  .d8b.  d8888b. d88888b d8888b.      d888888b .88b  d88.  .d8b.   d888b  d88888b 
*    88   88 88'     d8' `8b 88  `8D 88'     88  `8D        `88'   88'YbdP`88 d8' `8b 88' Y8b 88'     
*    88ooo88 88ooooo 88ooo88 88   88 88ooooo 88oobY'         88    88  88  88 88ooo88 88      88ooooo 
*    88~~~88 88~~~~~ 88~~~88 88   88 88~~~~~ 88`8b           88    88  88  88 88~~~88 88  ooo 88~~~~~ 
*    88   88 88.     88   88 88  .8D 88.     88 `88.        .88.   88  88  88 88   88 88. ~8~ 88.     
*    YP   YP Y88888P YP   YP Y8888D' Y88888P 88   YD      Y888888P YP  YP  YP YP   YP  Y888P  Y88888P 
*                                                                                                     
*                                                                                                     
*/

.middle-wrapper {
	background-color: #FFF;
}

.page-middle {
	margin: 0px auto;
}

.page-middle .header-image {
	height: 600px;
	background-size: cover;
	background-position: center center;
	margin-bottom: -100px;
}

.page-middle .header-image img {
	vertical-align: bottom;
	display: none;
}

.page-middle .header-image.no-image {
	height: 0px;
	margin-bottom: 225px;
}

@media (min-width: 720px) and (max-width: 999px) {
	.page-middle .header-image {
		height: 450px;
	}
	.page-middle .header-image.no-image {
		height: 0px;
		margin-bottom: 150px;
	}
}

@media (max-width: 719px) {
	.page-middle .header-image {
		height: 300px;
	}
	.page-middle .header-image.no-image {
		height: 0px;
		margin-bottom: 10px;
	}
}








/***
*    .88b  d88.  .d8b.  d888888b d8b   db       .d8b.  d8888b. d888888b d888888b  .o88b. db      d88888b 
*    88'YbdP`88 d8' `8b   `88'   888o  88      d8' `8b 88  `8D `~~88~~'   `88'   d8P  Y8 88      88'     
*    88  88  88 88ooo88    88    88V8o 88      88ooo88 88oobY'    88       88    8P      88      88ooooo 
*    88  88  88 88~~~88    88    88 V8o88      88~~~88 88`8b      88       88    8b      88      88~~~~~ 
*    88  88  88 88   88   .88.   88  V888      88   88 88 `88.    88      .88.   Y8b  d8 88booo. 88.     
*    YP  YP  YP YP   YP Y888888P VP   V8P      YP   YP 88   YD    YP    Y888888P  `Y88P' Y88888P Y88888P 
*                                                                                                        
*                                                                                                        
*/

.page-middle .main-article {
	margin: 0px auto;
	max-width: 928px;
	padding: 0px 16px;
	background-color: #FFF;
	font-size: 16px;
	color: #555;
}

.page-middle .main-article:after {
	display: block;
	content: "";
	clear: both;
	height: 32px;
}

.page-middle .main-article h1 {
	margin: -16px;
	padding: 0.1em 16px 0.25em;
	margin-top: -3.0em;
	font-size: 67px;
	line-height: 1.1;
	color: #333;
	font-weight: normal;
}

.page-middle .main-article .sub-head {
	font-weight: bold;
	font-size: 21px;
	margin-top: .75em;
}

.page-middle .main-article .byline {
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.3em;
}

.page-middle .caption-holder {
	page-break-inside: avoid;
	width: 25%;
	margin: 16px 0px;
    margin-top: 0px;
}

.page-middle p .caption-holder {
    margin-top: 16px;
}

.page-middle .caption-holder.full-width {
	width: auto;
}

.page-middle .caption-holder.right {
	float: right;
	margin-left: 16px;
	clear: right;
}

.page-middle .caption-holder.left {
	float: left;
	margin-right: 16px;
	clear: left;
}

.page-middle .caption-holder .image-wrapper img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

.page-middle .caption-holder .caption {
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 2px;
	color: #777;
}

.page-middle .caption-holder .caption p {margin: 0px;}

.page-middle blockquote {
	page-break-inside: avoid;
	background-color: #AAA;
	color: #FFF;
	margin: 16px 0px;
	padding: 16px 2%;
}

.page-middle blockquote.right {
	width: 21%;
	float: right;
	clear: right;
	margin-left: 16px;
}

.page-middle blockquote.left {
	width: 21%;
	float: left;
	clear: left;
	margin-right: 16px;
}

.page-middle blockquote .source {
	margin-left: 33%;
	font-style: italic;
}


.page-middle a {
	color: #169dc9;
	text-decoration: underline;
}

@media (min-width: 720px) and (max-width: 999px) {
	.page-middle .main-article h1 {
		font-size: 50px;
		margin-top: -2.5em;
	}

	.page-middle .caption-holder {
		width: 33%;
	}
    
    .page-middle .caption-holder.full-width {
    	width: auto;
    }

	.page-middle blockquote.right {
		width: 29%;
	}

	.page-middle blockquote.left {
		width: 29%;
	}
}

@media (max-width: 719px) {
	.page-middle .main-article h1 {
		font-size: 37px;
		margin-top: 0em;
	}
	.page-middle .main-article .sub-head {
		font-weight: bold;
		font-size: 21px;
	}

	.page-middle .caption-holder.left,
	.page-middle .caption-holder.right {
		width: auto;
		float: none;
		clear: none;
		margin: 1em 0em;
	}
    
    .page-middle .caption-holder.full-width {
    	width: 100%;
    }
    
	.page-middle blockquote.right,
	.page-middle blockquote.left {
		width: auto;
		float: none;
		clear: none;
		padding: 16px;
		margin: 1em 0em;
	}
}



/***
*    d8888b.  .d8b.  .d8888. d888888b      d888888b .d8888. .d8888. db    db d88888b .d8888. 
*    88  `8D d8' `8b 88'  YP `~~88~~'        `88'   88'  YP 88'  YP 88    88 88'     88'  YP 
*    88oodD' 88ooo88 `8bo.      88            88    `8bo.   `8bo.   88    88 88ooooo `8bo.   
*    88~~~   88~~~88   `Y8b.    88            88      `Y8b.   `Y8b. 88    88 88~~~~~   `Y8b. 
*    88      88   88 db   8D    88           .88.   db   8D db   8D 88b  d88 88.     db   8D 
*    88      YP   YP `8888Y'    YP         Y888888P `8888Y' `8888Y' ~Y8888P' Y88888P `8888Y' 
*                                                                                            
*                                                                                            
*/

.past-issue {
	overflow: hidden;
}

.past-issue a {
	display: block;
	background-color: #FFF;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	margin: 1em 0em;
	border: 1px solid #EEE;
}

.past-issue a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	margin-bottom: 0.5em;
}

@media (min-width: 1000px) {
	.past-issue {
		float: left;
		width: 23%;
		margin-right: 2%;
	}

	.past-issue:nth-child(4n+1) {
		margin-right: 0px;
	}

	.past-issue:nth-child(4n+2) {
		clear: left;
	}
}

@media (min-width: 720px) and (max-width: 999px) {
	.past-issue {
		float: left;
		width: 32%;
		margin-right: 2%;
	}

	.past-issue:nth-child(3n+1) {
		margin-right: 0px;
	}

	.past-issue:nth-child(3n+2) {
		clear: left;
	}
}

@media (max-width: 719px) {
	.past-issue {
		float: left;
		width: 49%;
		margin-right: 2%;
	}

	.past-issue:nth-child(2n+1) {
		margin-right: 0px;
	}

	.past-issue:nth-child(2n+2) {
		clear: left;
	}

	.past-issue a {
        	font-size: 20px;
		padding: 0px;
		border: none;
	}
}



/***
 *    d8888b. db   db  .d88b.  d888888b  .d88b.        d888b   .d8b.  db      db      d88888b d8888b. db    db 
 *    88  `8D 88   88 .8P  Y8. `~~88~~' .8P  Y8.      88' Y8b d8' `8b 88      88      88'     88  `8D `8b  d8' 
 *    88oodD' 88ooo88 88    88    88    88    88      88      88ooo88 88      88      88ooooo 88oobY'  `8bd8'  
 *    88~~~   88~~~88 88    88    88    88    88      88  ooo 88~~~88 88      88      88~~~~~ 88`8b      88    
 *    88      88   88 `8b  d8'    88    `8b  d8'      88. ~8~ 88   88 88booo. 88booo. 88.     88 `88.    88    
 *    88      YP   YP  `Y88P'     YP     `Y88P'        Y888P  YP   YP Y88888P Y88888P Y88888P 88   YD    YP    
 *                                                                                                             
 *                                                                                                             
 */

.photo-gallery-stub {
	display: none;
}

ul.photo-gallery {
	padding: 0px;
	margin: 1em 0px;
	list-style-type: none;
	margin-left: -16px;
}

ul.photo-gallery li {
	display: block;
	float: left;
	width: 20%;
}

ul.photo-gallery li a {
	display: block;
	overflow: hidden;
	color: rgba(0,0,0,0);
	margin-left: 16px;
	margin-bottom: 16px;
	width: auto;
	height: 150px;
	background-size: cover;
	background-position: center center;
}

.photo-gallery-scrim {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.photo-gallery-stage {
	position: fixed;
	left: 16px;
	top: 16px;
	right: 16px;
	bottom: 16px;
	color: #FFF;
	font-family: FontAwesome;
	text-shadow: 0em 0.1em 0.2em rgba(0,0,0,0.5);
}

.photo-gallery-stage .close {
	position: absolute;
	z-index: 3;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

.photo-gallery-stage .previous,
.photo-gallery-stage .next {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width:25%;
	cursor: pointer;
}

.photo-gallery-stage .next {
	left: auto;
	right: 0px;
}

.photo-gallery-stage .previous:after,
.photo-gallery-stage .next:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 16px;
	font-size: 64px;
	content: "\f053";
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	line-height: 1em;
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out 0s;
	-o-transition: opacity 0.5s ease-in-out 0s;
	-ms-transition: opacity 0.5s ease-in-out 0s;
	-webkit-transition: opacity 0.5s ease-in-out 0s;
	-moz-transition: opacity 0.5s ease-in-out 0s;
}

.photo-gallery-stage .next:after {
	content: "\f054";
	left: auto;
	right: 16px;
	text-align: right;
}

.photo-gallery-stage .next:hover:after,
.photo-gallery-stage .previous:hover:after {
	opacity: 1.0;
}

.photo-gallery-stage .close:after {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 32px;
	content: "\f00d";
	text-align: center;
	border: 2px solid #FFF;
	border-radius: 0.5em;
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out 0s;
	-o-transition: opacity 0.5s ease-in-out 0s;
	-ms-transition: opacity 0.5s ease-in-out 0s;
	-webkit-transition: opacity 0.5s ease-in-out 0s;
	-moz-transition: opacity 0.5s ease-in-out 0s;
}

.photo-gallery-stage .close:hover:after {
	opacity: 1.0;
}

.photo-gallery-stage .image-frame {
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}

.photo-gallery-stage .filmstrip .filmstrip-image {
	display: inline-block;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

@media (min-width: 720px) and (max-width: 999px) {
	ul.photo-gallery li {
		width: 25%;
	}
}

@media (max-width: 719px) {
	.photo-gallery-scrim {
		background-color: rgba(0,0,0,1.0);
	}
	ul.photo-gallery li {
		width: 33.33%;
	}
	ul.photo-gallery li a {
		height: 75px;
	}
	.photo-gallery-stage .previous:after,
	.photo-gallery-stage .next:after,
	.photo-gallery-stage .close:after {
		opacity: 1.0;
		font-size: 24px;
	}
	.photo-gallery-stage {
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	}
}


/***
*    .d8888. d8888b. d8888b. d888888b d888888b d88888b      .d8888. db   db d88888b d88888b d888888b 
*    88'  YP 88  `8D 88  `8D   `88'   `~~88~~' 88'          88'  YP 88   88 88'     88'     `~~88~~' 
*    `8bo.   88oodD' 88oobY'    88       88    88ooooo      `8bo.   88ooo88 88ooooo 88ooooo    88    
*      `Y8b. 88~~~   88`8b      88       88    88~~~~~        `Y8b. 88~~~88 88~~~~~ 88~~~~~    88    
*    db   8D 88      88 `88.   .88.      88    88.          db   8D 88   88 88.     88.        88    
*    `8888Y' 88      88   YD Y888888P    YP    Y88888P      `8888Y' YP   YP Y88888P Y88888P    YP    
*                                                                                                    
*                                                                                                    
*/

@media (-webkit-max-device-pixel-ratio: 1.499999), (max-resolution: 143dpi) {
	.page-header .mobile-menu-button a,
	.footer-wrapper .page-footer .page-footer-right .social-media-icons a {
		background-image: url(/magazine-archive/media/styleassets/images/magazine/sprite-sheet-1.0.png);
		background-size: 256px 256px;
		background-repeat: no-repeat;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.999), (min-resolution: 144dpi) and (max-resolution: 191dpi) {
	.page-header .mobile-menu-button a,
	.footer-wrapper .page-footer .page-footer-right .social-media-icons a {
		background-image: url(/magazine-archive/media/styleassets/images/magazine/sprite-sheet-1.5.png);
		background-size: 256px 256px;
		background-repeat: no-repeat;
	}
}

@media (-webkit-min-device-pixel-ratio: 2.0), (min-resolution: 192dpi) {
	.page-header .mobile-menu-button a,
	.footer-wrapper .page-footer .page-footer-right .social-media-icons a {
		background-image: url(/magazine-archive/media/styleassets/images/magazine/sprite-sheet-2.0.png);
		background-size: 256px 256px;
		background-repeat: no-repeat;
	}
}