@font-face {
	font-family: "Stag";
	src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-2.eot");
	src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-2.eot?") format("embedded-opentype"),
		url("https://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-3.woff") format("woff"),
		url("https://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-1.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Stag";
	src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-2.eot");
	src: url("https://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-2.eot?") format("embedded-opentype"),
		url("https://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-3.woff") format("woff"),
		url("https://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-1.ttf") format("truetype");
	font-style: italic;
	font-weight: 400;
}



.content-banner-page-width .banner-container {
	background: url(images/bg-header-tattoos.jpg) no-repeat center top;
	background-color: #fff;
}

.tattoos-2016 * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.tattoos-2016-title .hed {
	font-family: HustlersRough, Stag, serif;
	font-weight: normal;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 35px;
}

.tattoos-2016-title .hed strong {
	display: block;
	font-size: 100px;
	line-height: 60px;
	color: #cb413a;
	font-weight: normal;
}

@media screen and (min-width:640px) {
	.tattoos-2016-title .hed strong {
		font-size: 174px;
		line-height: 124px;
	}
}

.tattoos-2016-title .hed span {
	display: block;
	font-size: 40px;
	line-height: 30px;
}

@media screen and (min-width:640px) {
	.tattoos-2016-title .hed span {
		font-size: 71px;
		line-height: 35px;
	}
}

.tattoos-2016-title .dek {
	font-style: italic;
	color: #cb413a;
	text-align: center;
	font-weight: 400 !important;
	letter-spacing: 0.02em;
}

.tattoos-2016-title .dek:before,
.tattoos-2016-title .dek:after {
	content: '[';
	color: #cb413a;
	font-style: normal;
	padding: 0 5px 0 0;
	font-size: 39px;
	font-weight: normal;
	position: relative;
	top: 5px;
}

.tattoos-2016-title .dek:after {
	content: ']';
	padding: 0 0 0 5px;

}

ul.tattoos-2016-grid {
	display: block;
	margin: 50px 14px;
	padding: 0;
	list-style-type: none;
}

@media screen and (min-width:640px) {
	ul.tattoos-2016-grid {
		margin: 50px 25px 100px 25px;
	}
}

.tattoos-2016-grid.hover a:before {
	opacity: 1.0;
}

.tattoos-2016-grid:before,
.tattoos-2016-grid:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.tattoos-2016-grid:after {
	clear: both;
}


.tattoos-2016-grid li {
	display: block;
	padding: 0 2px;
	margin-bottom: 4px;
	float: left;
	width: 33.3333333%;
}

@media screen and (min-width:640px) {
	.tattoos-2016-grid li {
		width: 20%;
		padding: 0 10px;
	}
}

.lt-ie9 .tattoos-2016-grid li {
	width: 20%;
}

.tattoos-2016-grid li a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-color: black;
	position: relative;
}

.tattoos-2016-grid li a:before,
.tattoos-2016-grid li a:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-position: center center;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.tattoos-2016-grid li a:after {
	z-index: 3;
	background-position: center top;
}

.tattoos-2016-grid li a:hover:after {
	opacity: 1.0;
}


@media screen and (max-width:639px) {

	.tattoos-2016-grid li:nth-child(-n+3):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+4):nth-child(-n+6):nth-child(even),
	.tattoos-2016-grid li:nth-child(n+7):nth-child(-n+9):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+10):nth-child(-n+12):nth-child(even),
	.tattoos-2016-grid li:nth-child(n+13):nth-child(-n+15):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+16):nth-child(-n+18):nth-child(even),
	.tattoos-2016-grid li:nth-child(n+19):nth-child(-n+21):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+22):nth-child(-n+24):nth-child(even) {
		position: relative;
		top: 25px;
	}
}




@media screen and (min-width:640px) {

	.tattoos-2016-grid li:nth-child(-n+5):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+6):nth-child(-n+10):nth-child(even),
	.tattoos-2016-grid li:nth-child(n+11):nth-child(-n+15):nth-child(odd),
	.tattoos-2016-grid li:nth-child(n+16):nth-child(-n+20):nth-child(even),
	.tattoos-2016-grid li:nth-child(n+21):nth-child(-n+24):nth-child(odd) {
		position: relative;
		top: 46px;
	}
}

.lt-ie9 .tattoos-2016-grid li:nth-child(-n+5):nth-child(odd),
.lt-ie9 .tattoos-2016-grid li:nth-child(n+6):nth-child(-n+10):nth-child(even),
.lt-ie9 .tattoos-2016-grid li:nth-child(n+11):nth-child(-n+15):nth-child(odd),
.lt-ie9 .tattoos-2016-grid li:nth-child(n+16):nth-child(-n+20):nth-child(even),
.lt-ie9 .tattoos-2016-grid li:nth-child(n+21):nth-child(-n+24):nth-child(odd) {
	position: relative;
	top: 46px;
}

@media screen and (max-width:639px) {
	.tattoos-2016-grid li:nth-child(n+22):nth-child(-n+24) span {
		content: '';
		display: block;
		margin-top: 2px;
		width: 100%;
		height: 3px;
		background: #cc0000;
	}
}


@media screen and (min-width:640px) {

	.tattoos-2016-grid li:nth-child(20) a span,
	.tattoos-2016-grid li:nth-child(n+21):nth-child(-n+24) a span {
		content: '';
		display: block;
		margin-top: 2px;
		width: 100%;
		height: 3px;
		background: #cc0000;
	}
}

.lt-ie9 .tattoos-2016-grid li:nth-child(20) a span,
.lt-ie9 .tattoos-2016-grid li:nth-child(n+21):nth-child(-n+24) a span {
	content: '';
	display: block;
	margin-top: 2px;
	width: 100%;
	height: 3px;
	background: #cc0000;
}


.enserro a,
.enserro a:before,
.enserro a:after {
	background: url(images/_0000_1-Enserro.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.ames a,
.ames a:before,
.ames a:after {
	background: url(images/_0001_2-Ames.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.lund a,
.lund a:before,
.lund a:after {
	background: url(images/_0002_3-Lund.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.ambatzidis a,
.ambatzidis a:before,
.ambatzidis a:after {
	background: url(images/_0003_4-Ambatzidis.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.lightsey a,
.lightsey a:before,
.lightsey a:after {
	background: url(images/_0004_5-Lightsey.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.cobb a,
.cobb a:before,
.cobb a:after {
	background: url(images/_0005_6-Cobb.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.sanchez a,
.sanchez a:before,
.sanchez a:after {
	background: url(images/_0006_7-Sanchez.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.schnall a,
.schnall a:before,
.schnall a:after {
	background: url(images/_0007_8-Schnall.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.martins a,
.martins a:before,
.martins a:after {
	background: url(images/_0008_9-Martins.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.piper a,
.piper a:before,
.piper a:after {
	background: url(images/_0009_10-Piper.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.idiokitas a,
.idiokitas a:before,
.idiokitas a:after {
	background: url(images/_0010_11-Idiokitas.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.bennett a,
.bennett a:before,
.bennett a:after {
	background: url(images/_0011_12-Bennett.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.petosa a,
.petosa a:before,
.petosa a:after {
	background: url(images/_0012_13-Petosa.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.hernandez1 a,
.hernandez1 a:before,
.hernandez1 a:after {
	background: url(images/_0013_14-Hernandez1.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.pestine a,
.pestine a:before,
.pestine a:after {
	background: url(images/_0014_15-Pestine.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.lawson a,
.lawson a:before,
.lawson a:after {
	background: url(images/_0015_16-Lawson.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.costa a,
.costa a:before,
.costa a:after {
	background: url(images/_0016_17-Costa.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.stone a,
.stone a:before,
.stone a:after {
	background: url(images/_0017_18-Stone.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.beard a,
.beard a:before,
.beard a:after {
	background: url(images/_0018_19-Beard.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.lazar a,
.lazar a:before,
.lazar a:after {
	background: url(images/_0019_20-Lazar.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.flynn a,
.flynn a:before,
.flynn a:after {
	background: url(images/_0020_21-Flynn.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.gallinat a,
.gallinat a:before,
.gallinat a:after {
	background: url(images/_0021_22-Gallinat.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.hernandez2 a,
.hernandez2 a:before,
.hernandez2 a:after {
	background: url(images/_0022_23-Hernandez2.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.fox a,
.fox a:before,
.fox a:after {
	background: url(images/_0023_24-Fox.jpg) no-repeat center bottom;
	background-size: 100% auto;
}








/*************

Content Photos

**************/

.nosidebar-story .entry div.full-width {
	margin-bottom: 35px;
	margin-top: 50px;
}

.tattoo-photo {
	width: 100%;
}

.full-width {
	margin-bottom: 2rem;
}

@media screen and (min-width:496px) {
	.full-width {
		display: flex;
	}

	.tattoo-photo {
		width: 50%;
		float: left;
		position: relative;
		padding-right: 2px;
	}

	.tattoo-photo:last-child {
		padding: 0 0 0 2px;
	}
}

.lt-ie9 .tattoo-photo {
	width: 49.6% !important;
	float: left;
	position: relative;
}

.lt-ie9 .tattoo-photo:last-child {
	float: right;
}


.tattoo-photo .tattoo-fname,
.tattoo-photo .tattoo-lname {
	display: none;
	font-size: 110px;
	line-height: 70px;
	margin-top: -35px;
	font-family: HustlersRough, Stag, serif;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 50%;
	text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

@media screen and (min-width:900px) {

	.tattoo-photo .tattoo-fname,
	.tattoo-photo .tattoo-lname {
		display: block;
	}
}

.lt-ie9 .tattoo-photo .tattoo-fname,
.lt-ie9 .tattoo-photo .tattoo-lname {
	display: block;
}

.tattoo-photo:hover .tattoo-fname,
.tattoo-photo:hover .tattoo-lname {
	opacity: 0.2;
}

.tattoo-photo .tattoo-lname {
	left: 10px;
	right: auto;
}

.tattoo-photo .tattoo-lname span {
	font-size: 20px;
	font-family: Stag, Georgia, serif;
	display: block;
	text-align: right;
}