/***********   Branding bar mods.  *****************/

.generic-brand { 
	background-image: url('../../Conferences/AustMS2025/Pictures/Background.jpeg');
}

.generic-brand > div {
	border: none;
	color: #FFF;
	text-align: center;
}

.logo { 
	background-color: #CEF;
	opacity: 0.85;
	padding: 1rem;
	border-radius: 7px;
	height: 6rem;
}

.title { 
	width: 70%;
	color: #00D;
	background-color: #CEF;
	opacity: 0.75;
	border-radius: 7px;
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translateX(-50%);
}

.continue {
	min-width: 80%;
	text-align: center;
}

/***************** Responsive design ***************************************/

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

	.logo { height: 5rem; }	
	.title { '
		width: 60%; 
		top: 20%;
	}	

}

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

	.logo { height: 4rem; }
	.title { 
		width: 50%; 
	}	
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {

	.logo { height: 3rem; }
	.title { width: 50%; }
	
}