.ulc-banner-wrapper{
	background-color: #8c1d40;
	padding: 6rem 3rem 3rem 3rem;
	color: #fff;
	margin: 4rem 0 4rem 0;
	background-repeat: no-repeat;
	background-size: 22rem auto;
	background-position: top left, top right, bottom right;
	font-size: 2rem;
	}

.dna{
	background-image: 
		url('../assets/images/ulc-banners/dna-top-left.svg'), 
		url('../assets/images/ulc-banners/dna-top-right.svg'), 
		url('../assets/images/ulc-banners/dna-bottom-right.svg');
	}

.ulc-banner-wrapper .about{ margin-bottom: 1.5rem; }
.ulc-banner-wrapper button{
	font-size: 1.75rem;
	color: #000;
	padding: .75rem 1.5rem;
	font-weight: bold;
	border-radius: 2rem;
	background-color: #ffc627;
	border: none;
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
	}
.ulc-banner-wrapper a button{ color: #000; }		
.ulc-banner-wrapper button:hover {transform: scale(1.1); }

.hidden{ display:none; }
#play-scene .ulc-banner-wrapper{ margin-top: 0; }

@media print, (min-width:400px) {
	.ulc-banner-wrapper{
		padding: 4rem 3rem 2rem 3rem;
		font-size: 1.25rem;
		background-size: 16rem auto;
		margin: 2rem 0 1rem 0;
		}

	.ulc-banner-wrapper button{ font-size: 1rem; }
}

@media print, (min-width:850px) {
	.ulc-banner-wrapper{
		font-size: 1rem;
		}
	.ulc-banner-wrapper button{
		font-size: .9rem;
		}	

	.ulc-banner-wrapper button{ transition: transform 0.2s ease-in-out; }
	.ulc-banner-wrapper button:hover {transform: scale(1.1); }	
}

@media print {
	.ulc-banner-wrapper { display: none; }
}