#mainBody{
	padding-top:3em;
}

#fullWidthSlider{width: 100%;touch-action:auto !important;}

.royalSlider > .rsContent {
  visibility:hidden;
}

.infoBlock {
	width:90%;
	/*top:40%;top:60%;*/
	top:auto;
	bottom:0;
	left:0;
	padding:20px 5%;

	color:#000;
	color: rgba(0, 0, 0, 1.0);
	background: #fff;
	background: rgba(255, 255, 255, 0.7);/*0.6*/
	overflow: hidden;
	
	font-size: 1rem;
	text-align:left;
	text-decoration: none;
}

.infoBlock.giveathon-yellow{
	background:#FFCB05;
	background:rgba(255, 203, 5, 0.8);
	padding:10px 5%;
}
/*.infoBlock.bgPink, .infoBlock.bgGreen{
	color: #fff;
	color: rgba(255, 255, 255, 1.0);
}
.infoBlock.bgPink{
	background:#ed306e;
	background:rgba(237, 48, 110, 0.8);
}
.infoBlock.bgGreen{
	background: #649235;
	background: rgba(100, 146, 53, 0.8);
}*/
.infoBlock.right{
	right: 0;
	left: auto;
}
.infoBlock.fullWidth{
	max-width:none;
}
.infoBlock-Diwali{
	color: #fff;
	color: rgba(255, 255, 255, 1.0);
	background:#e04a01;
	background:rgba(224, 74, 1, 0.6);
	
}

.infoBlock h3{
	color: inherit;
	font-size: 1.75em;
	margin: 0;
	/*font-weight: normal;*/
	line-height: 1.125;
}
.infoBlock h3.longText{
	font-size: 1em;
}

p.extraLongText span.non-mobile{
	display:none;
}
.infoBlock h3 span{
	display:block;
	font-size:60%;
	margin: 0.5em 0 0;
}
.infoBlock h3 span.utw{ /* Us Them We */
	font-size:100%;
	margin: 0;
}
.utw.bar{ /* | only */
	display:none;
}
.infoBlock h4 {
	color: inherit;
	font-size: 1.25em;
	margin:0.5em 0 0;
	font-weight: normal;
}
.infoBlock h4:first-child{
	margin:0 0 0.5em;
}
.infoBlock.giveathon-yellow h4{
	color: #ED1C24;
	font-size: 1.5em;
}
.infoBlock p {
	color: inherit;
	font-size: 1em;
	margin: 4px 0 0;
}
.infoBlock.giveathon-yellow p{
	margin: 0 0 0.5em;
	font-size: 0.75em;
	line-height: 1.25em;
	font-weight: bold;
}
.infoBlock p.extraLongText{
	padding:0;
}
.infoBlock p.credit-line{
	font-size:10px;
	margin-top:2em;
}
.infoBlock img{
	width: 100%;
}


	
@media screen and (orientation:portrait) and (min-height:0px) and (max-height:960px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 400px !important;
    }
}
/*@media screen and (orientation:portrait) and (min-height:961px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 800px !important;
    }
}*/
@media screen and (orientation:landscape) and (min-width:0) and (max-width:949px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 450px !important;
    }
}
@media screen and (orientation:landscape) and (min-width:950px) and (max-width:1200px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 550px !important;
    }
}
@media screen and (min-width:1201px) and (max-width:1920px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 850px !important;
    }
}
@media screen and (min-width:1921px){
    .heroSlider .rsOverflow, .royalSlider.heroSlider {
        height: 1150px !important;
    }
}


@media screen and (min-width:620px){
	
	.infoBlock{
		width:auto;
		top: 50%;
		bottom:auto;
		max-width: 35%;
		min-width: 30%;
		padding: 20px;
		font-size: 1.25rem;
	}
	.infoBlock.fullWidth{
		width:90%;
		padding:20px 5%;
	}
	.infoBlock.giveathon-yellow{
		padding:10px 5%;
	}
	.infoBlock.top45px{
		top:45%;
		width:100%;
		left:0;
		right:auto;
		max-width:none;
		padding:20px 0;
	}

	.infoBlock.fullWidth p.credit-line{
		margin:3em auto 0;
		max-width: 50%;
	}
	.infoBlock img{
		width: 65%;
	}
	
}

@media screen and (min-width:950px){
	.infoBlock{
	  font-size: 1.5rem;
	  top: 5%;
	}
	.infoBlock.fullWidth{
		top:50px;
	}
	.utw.rei, .utw.bar{ /* | Race Ethnicity Identity only */
		display:inline;
	}
	.infoBlock p.extraLongText{
		padding:0 5em;
		font-size: 0.75em;
	}
	p.extraLongText span.non-mobile{
		display:inline;
	}	
	.infoBlock p.credit-line{
		font-size:12px;
		margin-top: 3em;
	}
	.infoBlock img{
		width: 55%;
	}
	
}

@media screen and (min-width:1200px){
    .infoBlock{
	  font-size: 1.75rem;
	  max-width: 30%;
	}
	
}

@media screen and (min-width:1600px){
    .infoBlock{
	  font-size: 2rem;
	}
	.infoBlock-giveathon{
	  font-size: 1.75rem;
	}
	.infoBlock p.credit-line{
		font-size:14px;
	}
}

@media screen and (min-width:1800px){
    .infoBlock{
	  font-size: 2.5rem;
	}
	.infoBlock-giveathon{
	  font-size: 1.75rem;
	}
	
}