[data-for-viewport="desktop"] {
	display: block;
}
[data-for-viewport="mobile"] {
	display: none;
}	

@media(min-width:180px) and (max-width:767px){
	[data-for-viewport="desktop"] {
		display: none;
	}
	[data-for-viewport="mobile"] {
		display: block;
	}

	#main-carousel img {
		margin-left: auto;
		margin-right: auto;
	}
}

/* Fix conflict with Bootstrap placeholder skeleton inside banner */
.banner .placeholder,
.banner .banner-placeholder{
	background-color: transparent !important;
	opacity: 1 !important;
	cursor: auto !important;
}

/* Banner typography: match Uop.CMS.Widgets default font stack */
#main-carousel .text-component h1,
#main-carousel .text-component h2,
#main-carousel .text-component p{
	font-family: 'Unbeatable','Arial','Helvetica Neue','Helvetica',sans-serif !important;
}