* {	margin: 0; padding: 0; }

	html { font-size: 62.5%; }
	html, body {
		/*position: relative;*/
		height: 100%;
		}

	body { font-family: Roboto, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-size: 1.0rem; margin:0; text-align: left; background-color: #666666; color: #000; cursor: default; }

	#wrapper_large { font-size: 1.4rem; }

	#RowTop { height: 7.5vh; }
	#RowTwo { height: 83vh; border-top: 1px dotted #222;}
	#RowBottom { height: 7.5vh; }
	/*#RowBottom { height: fit-content; }*/

	h1, h2, h3, h4, h5, h6 { font-size: 1.4rem; }

	#collectionHeader {
		/*border-bottom: none !important;*/
		padding: 0.5em 0 0 0;
		}

	.swiper-container {
		width: 100%;
		/*height: 300px;*/
		}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		/* Center slide text vertically */
		display: flex;
		justify-content: center;
		align-items: center;
		}

	.swiper-slide-active img {
		box-shadow: rgb(17, 17, 17) 5px 5px 7px;
		border: 1px solid #555;
		max-width: 90%;
		max-height: 90%;
		}

	#contact {
		/* padding: 0.5em 0; */
		text-align: right;
		float: right;
		}

	/*#licenses, #contact { display: inline; }*/

	
	/* source: https://css-tricks.com/aspect-ratio-boxes/ */
	/*
	[style*="--aspect-ratio"] > :first-child {
	  width: 80%;
	}
	[style*="--aspect-ratio"] > img {  
	  height: auto;
	} 
	@supports (--custom:property) {
	  [style*="--aspect-ratio"] {
		position: relative;
	  }
	  [style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
	  }  
	  [style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 80%;
	  }  
	}
	*/