.bg-nav{
 background-color: #212936;
}
.search-area{
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 90px;
  text-align: left;
 }
@media screen and (max-width: 962px){
 .search-area {
  text-align : center;
  width: 95%;
  }
 }


.search-form-input{
 height: 50px;
 width: 32rem;
 margin-top: 10px;
 padding: 1px 2px;
 text-transform: uppercase;
 padding-left: 0.75rem;
 padding-right: 0.75rem;
 padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1.25;
 background-color: black;
 border: 1px solid black;
 color: white;
 /*uppercase bg-black shadow appearance-none border border-black w-64 py-2 px-3  leading-tight text-white  focus:outline-none */
}

.search-form-input:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.search-form-btn{
 /*uppercase bg-gray-900 py-2 px-3 -ml-1 text-gray-700 border-r border-t border-b border-black leading-tight focus:outline-none  hover:text-white*/
 height: 50px;
 width: 4rem;
 /* margin: 10px 0 0 -5px; */
 margin-left: -4px;
 padding-left: 0.75rem;
 padding-right: 0.75rem;
 padding-top: 0.5rem;
padding-bottom: 0.5rem;
 background-color: black;
 border: 1px solid black;
 color: white;
line-height: 1.25;
padding: 1px 2px;
text-transform: uppercase;

}

.search-form{
 /*hidden lg:block xl:block */
}

.inline{
 display: inline;
 }

.nav-desc, .nav-desc h1{
 font-size: 1rem;
 line-height : 1.25rem;
 margin-bottom: 0;
 margin-top: 0;
 }
.nav-desc{
 /*display: flex;
 justify-content: center;
 flex-direction: row;
 align-items: top;

 flex-wrap: nowrap;*/
 margin-bottom : 0.25rem;
 }
.text-main{
 color : #3971B5;
 }
.text-sub{
 color : #DC6255;
 }
.ml-1{
 margin-left: .5rem;
 }
/*NAV MENU*/
.nav-menu{
 display: flex;
 justify-content: center;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 }

.nav-links{
 align-items: end;
 align-self: flex-end;
 }
.nav-links a{
 padding: 2px 3px;
 /*border: 1px solid white;*/
 /*background-color : #CCC;*/
 text-transform: uppercase;
 text-decoration: none;
 font-size : large;
 }
.vertical-bottom{
 vertical-align: bottom;
 }