
div.BCR{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

@media (orientation: landscape) {
	#promoTSP { 
		background-image: url(../images/BCR_PromoTSP-landscape.jpg);
		background-repeat: no-repeat;
		background-size: 100% 50%;
		background-position: center top; 
		top:100px; 	
		left:0px;
		padding-top:180px;	
		padding-left: 0px;	
		padding-right:0px;	
		padding-bottom:10px;	
		background-size: contain;
		background-size: cover;
		position:relative;  
		z-index: 9000; 
		justify-content: space-between;
		flex-direction: column; 
		display: flex;
		align-item:top;
		valign-item:top;
		min-height1:300px;
	}
	#btn_link { 
	  float: left;
	  left: 25%; 
	  bottom: 5px; 
	  background-color:#ff6129;
	  color:#ffffff;
	  width:auto;
	  font-family: 'Inter';
	  font-weight: bold;
	  position:absolute;
	  height:30px;
	  border-radius: 5px 5px 5px 5px; /* Rounded corners */
	}
	#btn_rules { 
	  float: right;
	  bottom: 0px;
	  right: 10%;
	  background-color:#ff6129;
	  color:#ffffff;
	  width:auto;
	  font-family: 'Inter';
	  font-weight: regular;
	  position:absolute;
	  height:30px;
	  border-color:transparent;
	  border-radius: 10px 10px 0px 0px; /* Rounded corners */
	}

	#btn_link:hover {
	  background-color: #d95229;
	  color: white;
	}
	#btn_rules:hover {
	  background-color: #d95229;
	  color: white;
	}
}


@media (orientation: portrait) {

	#promoTSP {
		vertical-align:center;
		align:center;
		background-image: url(../images/BCR_PromoTSP-portrait.jpg); 
		background-repeat: no-repeat;
		background-size: 100% 50%;
		background-position: center top; 
		top :90px;  
		left:0px;
		padding-top:140px;	
		padding-bottom:10px;	
		background-size: contain;
		background-size: cover;
		position:relative;  
		z-index: 9000;  
		font-family: 'Inter';
		font-weight: bold;
		justify-content: space-between;
		flex-direction: column; 
		display: flex;
		align-item:top;
		background-color: #000000;
	}

	#btn_link { 
	  float: left;
	  left: 10%; 
	  bottom: 5px;
	  background-color:#ff6129;
	  color:#ffffff;
	  width:auto;
	  position:absolute;
	  height:25px;
	  font-size:1.3vh;
	  border-radius: 5px 5px 5px 5px; /* Rounded corners */
	}
	#btn_rules { 
	  float: right;
	  bottom: 0px;
	  right: 10px;
	  background-color:#ff6129;
	  color:#ffffff;
	  width:auto;
	  font-family: 'Inter';
	  font-weight: regular;
	  position:absolute;
	  height:20px;
	  border-color:transparent;
	  border-radius: 10px 10px 0px 0px; /* Rounded corners */ 
	  font-size:1.3vh;
	}

	#btn_rules:hover {
	  background-color: #d95229;
	  color: white;
	}

	#btn_link:hover {
	  background-color: #d95229;
	  color: white;
	}
}