
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
}
img {
	width:auto;
	max-width:100%;
	height:auto;
}

model-viewer {
	width:100%;
	height:100vh;
	background-color:#eee;
}

#custom-poster {
	background-size:300px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-repeat:no-repeat;
	background-position:center;
}

.custom-link-list a {
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	position:relative;
	display:block;
	height:25vh;
	min-height:200px;
	border:1px solid #eee;
}
.custom-link-list a .title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(238,238,238,0.75);
}
.custom-link-list a .title > .wrapper {
	padding:0.25rem;
	color:#000000;
	font-weight:bold;
}
.custom-link-list a .qr {
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100px;
}

.custom-intent {
	background-color:white;
	border-radius:4px;
	border:none;
	position:absolute;
	top:20px;
	right:20px;
	font-size:1.5rem;
}

@media only screen and (max-width: 600px) {
	
	.custom-link-list a .qr {
		display:none;
	}
	
}
