@charset "utf-8";


/* updated: June 24, 2018 09:18 */

/* ******************* Banner formatting**************************** */
/* banner styling: hidden on desktops visible for mobile devices     */
/* ***************************************************************** */
.banner {
	margin:0px auto 0px auto;	/* first value:top adjust the height from the bottom of the element just above */
	width:100%;
	min-height:30px; 
	background-color:#ffffff;	/* #9933ff (purple) change to #ffffff when launching */
	display:block; /* adjust top height on sticky navbar to display */
}
/* sticks the banner at the top of the page */ 
.banner-fixed-top {
	position:fixed;
	top:0px;
	z-index:100; /* brings the navbar forward */
}
/* ---------- tablets and below ------------------ */
@media screen and (max-width:1250px) {
	.banner {
		display: none;
	}
}

.bnrcontainer { 	
	margin:0px auto 0px auto; 	/* first value:top, adjust the height from the bottom of the element just above */
	width:80%;
	height:30px; 
	background-color:transparent; 	/* #33cc33 (green) change to transparent */	
}

/* contains menu items */
.bnrmenu {
	list-style:none;
	width:70%;
	float:right;  							/* keeps menu items in from the right */
	margin:0px 25px 0px auto;  				/* first value: 0px butts the menu to the masthead  */
	height:30px;
	border-radius: 0px;
	border-bottom: 1px solid #b98f71;		/* Sepia */
	background-color:#ffffff;  				/* #cc0000 red change to #FFFFFF for launch */
} 

.bnrmenu li {
	float:right;
	display:block;
	text-align:right;
	position:relative;
	padding: 0px 10px 4px 10px;
	margin-right:10px;
	margin-top:8px; /* (.bnrmenu height (30) - .bnrmenu li a font-size (14))/2 */
	border:none;
}

.bnrmenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#674832; 
	display:block;
	outline:0;
	text-decoration:none;
}

/* controls the size of the Facebook logo */
.bnrmenu li a i {
	font-size:14px; /* controls the size of the Facebook logo, too! */
	color:#674832;
}

/* sizes menu for mobile devices */	
@media (max-width:768px) {
  .bnrmenu {
    width:100%;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
  }
}

@media (max-width:768px) {
  .bnrcontainer {
    width:100%;
  }
}