.navbar {
	position: sticky;
	top: 0;
	overflow: hidden;
	height: 90px;
	background-color: white;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
	z-index: 2;
	opacity: 0.95;
  display: flex;
  align-items:  center;
  justify-content:center; 
  width: 100%;
}
.navbar a{
  color:black;
}

.navbar_icon{
  fill:#213a6d;
  width:22px;
  height:auto;
  margin-right:20px;
}

.navbar_container{
   width: 80%;
   height: 100%;
   display: flex;
   align-items: center;
}

.btMainLogo{
  width: 220px;
}

.navbar_info_container{
  display: flex;
  justify-content:center; 
  align-items:  center;
  font-size: 12pt; 
  margin-left: auto;
  order: 2;
}

.vertical_divider{
  height: 20px;
  width: 2px;
  background-color: #e33e28;
  margin-right: 20px;
  margin-left: 20px;
}

#navBarInfo2{
  display: none;
  align-items: center;
  height:5rem;
  font-size: 11pt;
  margin: 0px 1rem; 
}

.navbar_info_container a {
  color:black;
}


@media only screen and (max-width: 800px){
  
  .navbar{
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    height:70px;
  }
  .navbar {
    position: static;
    }
  #navBarInfo1{
    display: none;
  }
  #navBarInfo2{
    display: flex;
  }
}

@media only screen and (max-width: 400px){
 .btMainLogo{
  width: 150px;
}
  #navBarInfo2{
    font-size: 10pt;
  }
}

@media only screen and (max-width: 370px){
   #navBarInfo2{
     font-size: 8.5pt;
   }
 }