@charset "utf-8";
/* CSS Document */

body {
	background: white;
	color: black;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	
	
}



/*********** largeScreens ***************/


@media screen and (min-width:550px)  {

	
	/********* large screen setup ************/

	#spacerBar {
		display:none;		
			
	}


/********* large screen setup ************/
	
	
	
.container {
/*width: auto;*/
	height:250px;
	width:100%;
}

.child {
	position: relative;
	z-index: 1;
    transform: translateY(+50%);
    max-width: 500px;
	max-height: 300px;
	width: 100%;
	height: 100%; 
    margin: auto;
    padding: 0px;
	display: flex;
	overflow: hidden;

}

} /*// END @media screen min-width 650px */



/*********** smallScreens ***************/



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

	#spacerBar {
		display:inherit;
					
	}
	
	.container {
/*width: auto;*/
	height:100%;
	width:100%;
}
	
	.child {		
		max-width: 500px;
		max-height: 300px;
		width: 100%;
		height: 100%; 
		margin: auto;
		padding: 0px;
		display: flex;
		overflow:hidden;
	}
	
	


	.headerLogo {
		z-index:100;
		position: absolute;
		left: 50px;
		top: 50px;		
	}
	
	.headerBarIcons {
		position: absolute;
		z-index:25;
		border: none;
		width: auto;
		top: 5px;
		right: 5px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
	




		
	.footerBarContainer{
		position: fixed;
		z-index:100;
		width: 100%;
		left: 0px;
		padding:0;
		margin:0;
		height: 40px;
		bottom: 0px;
		background-image: url(images/bg_footer2.png);
		background-repeat: repeat-x;
		opacity:1;
	}	
	
	
	.footerBarCopyright {
		position:relative;
		width:auto;
		bottom: 15px;
		left: 10px;
		font-size: 10px;	
	}
	
	.footerBarUpArrow {
		position:fixed;
		width:auto;
		top: 15px;
		right: 10px;	
	}

}