/* CSS Document */

/* Moves title bar and menu bar to the top or bottom of display depending on screen size */

// ---------------------------------
// These are nested in a header bar
// Website title bar is displayed
// ONLY on larger devices
// ---------------------------------

  .websitetitlebar {
    display: table-row;	  
	text-align: center;
	font-size: 5vw;
  }

/* @media only screen and ((min-width: 100px) or (min-width: 320px) or (min-width: 375px) or (min-width: 414px)) 
*/
@media only screen and (min-width: 50px) {
	
  .headerbar {
	display: table-footer-group;
	text-align: center;	  
  }
    
  .footerbar {
	display: table-header-group;
	background-color: #ffeeee;
	text-align: center;
	font-size: 2.75vw;
  }	
}


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

  .headerbar {
	display: table-header-group;
	text-align: center;	  
  }
	
  .footerbar {
    display: table-footer-group;
	background-color: #ffeeee;
	text-align: center;
	font-size: 2.75vw;
  }  
}