/* FBN css style sheet*/

/* CSS --------------------------------------------------*/


/* Header  ---------------------------------------------------------------------------------------------------*/
/* :::::  content containers ::::::::::::::::::::::::: */

* {
	box-sizing: border-box; }

#header_container {
	overflow: hidden;
  	border: 0em double yellow;
  	position: relative;
  	top: 0;  
  	margin:0;
	padding:0;
  	width: 100%;
	max-width: 90em;
 	min-width: 18.75em; 
  	z-index: 1;	}

header  {
   	display: inline-block;
	border-bottom: thick solid #00ffff;
   	float: none;
   	overflow: hidden;
  	padding: 0;
	margin-bottom: .3em;
	margin-left: auto;
   	margin-right: auto;
  	margin-top: 0;
  	position: relative;
  	background-color: transparent;
  	width: 100%;
	max-width: 90em;
	min-width: 18.75em;
  	max-height: 9.4em;
  	text-align: center; }

#flex-container_index{
   	display: flex;
   	flex-direction: row; 
   	flex-wrap: nowrap;
   	margin-left: auto;
   	margin-right: auto;
	margin-top: 0;
	padding:0;
	position: relative;
	top:0;
	width: 100%;
   	max-height: 9.4em; 		
   	min-width: 18.75em;
   	max-width: 46.25em;	
   	}
 
#flex-container_index > div {
  	margin: 0;
  	text-align: center;
  	width: 100%;
  	flex-wrap: nowrap;
  	}

header .img, header img  {
  	overflow: hidden;
	padding: 0;
  	margin: 0;
	background-color: transparent;}

/*hr.hr_head {
	border-bottom: .438em solid #00ffff;}*/
/*hr {
	border: 0.189em solid #00ffff;
	margin-top: .5em;
	margin-bottom: .5em;}*/

#btn_group {
	text-align: center;
	align-self: center; 
	padding-top: .3em;
	padding-bottom: .3em;
	margin: 0 auto; 
	/*xmargin-bottom: .5em;*/
	width: 100%;
	min-width: 18.75em; 
	float: none; }

.camlink {
	display: inline-block; 
	text-align: center;
	border: 0em double lime;}

.icon_bar {
	min-width: 10.937em; }

.camlink a p3 {
	display: inline-block; 
	text-align: center;
	border: 0px double pink;}

#btn_group a p3 {
	text-decoration: none;
	align-content: center;
	display: inline-block;
	text-align: center;
	position: relative;
	min-width: 15.625em;
	margin-right: auto;
	margin-left: auto;
	float: left;
	border: 0em double aqua;}

#btn_group, .icon_bar {
  	display: inline-block;
  	position: relative; 
	text-align: center;
	margin-right: auto;
	margin-left: auto;}

#btn_group a, .icon_bar a {
 	float: left; /* Float links side by side */
  	text-align: center; }

a p3:hover {
	color: aqua !important; }

.icon_bar  a:hover {
  	background-color: yellow;
  	color: blue !important;}

.fa-facebook, .fa-facebook-square {
	font-size: 1.5em;
  	background: white; 
  	color: blue !important;}

.fa-youtube-square {
  	background: red;
  	color: white !important;}

.fa-search {
	background: blue; 
  	color: white !important;}

.fa-envelope {
  	background: blue; 
  	color: white !important;}

.fa-home {
  	background: blue; 
  	color: orange !important; }


/* :::::Column container Row ::::::::also used in 2 and 3 colomn layouts::::::::::::::::: */  
.row {  						 :
  	display: flex;
  	flex-wrap: nowrap;
  	background-color: green;}	


/* Clearfix (clear floats) */
.row::after {
  	content: "";
  	clear: both;
  	display: table;}

@media only screen and (max-width: 450px) {
	#btn_group, #btn_group a p3 {
		float: none;
		clear: both;}}