.js [data-scalable] img,
.js video[data-scalable] {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

.js div[data-scalable] > *:not(img) {
	display: none;
	}
	
	
.js [data-scalable] .info-line {
	display: block !important;
	position: relative;
	top: 2em;
	margin-top: -2em;
	text-align: center;
	visibility: hidden;
	}
	@media (min-width: 32em) { .js [data-scalable] .info-line {
		top: 4em;
		margin-top: -2em;
	 	}}
	.js [data-scalable]:hover .info-line {
		visibility: visible;
		}
		
.photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}