/**
*	Set the banner width and height here
**/
#banner-rotator{
	width:100%; /*or put inside a div with width in px so you can use % for this value*/
	height:100%; 
}

/**
*	Set the banner info panel position, background & Opacity, paddings, etc
**/

#banner-rotator #banner-info{
	
	right:90px;
	bottom: 50px;
	background: rgba(27, 66, 110, .7);	
	padding:10px 50px 15px 50px;
	max-width:calc(100% - 100px);
	border-radius: 5px 5px;
}

/**
*	Set the banner info panel main text properties
**/
#banner-rotator #banner-info .main-text{
	color:rgb(255,255,255);
	font-size:28px;
	font-weight:normal;
	font-family:helvetica;
}


/**
*	Set the banner info panel sub text properties
**/
#banner-rotator #banner-info .sub-text{
	color:rgba(255,255,255, .8);
	font-size:15px;
	font-weight:normal;
	font-family:helvetica;
}

/**
*	Set the prev and next buttons properties
**/
#banner-rotator #banner-buttons .banner-prev{
	width:50px;
	height:50px;
	
}
#banner-rotator #banner-buttons .banner-next{
	width:50px;
	height:50px;
}