/*
** The Header Media Queries **
** Tweak as per your needs **
*/

@font-face {
 font-family: phenomena;
 src: url('/font/Phenomena-ExtraBold.eot');
 src: url('/font/Phenomena-ExtraBold.eot?#iefix') format('embedded-opentype'),
 url('/font/Phenomena-ExtraBold.woff2') format('woff2'),
 url('/font/Phenomena-ExtraBold.woff') format('woff'),
 url('/font/Phenomena-ExtraBold.ttf') format('truetype');
}

header{

	 height:72px;
	 width:100%;
	  z-index:1000;
}



p>img.text_img{
  height: 1em;
  width: auto;
  object-fit: contain;


}





p>span.dig{
 font-size: 1.5em;
 font-weight:bold;
}
.brand {

  font-size: 2.2em;
letter-spacing: 0.3em;
  text-decoration:none;
  font-family: phenomena;
  color:black;
 white-space: nowrap;

   }



   .sbox {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #dfe1e5;
    border-radius: 24px;
    width:250px;
    height:30px;
}

.sbox:hover {
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}

.sbox::before {
    width: 45px;
    height: 15px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%239aa0a6%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}

.sbox input {
    width: 250px;
    height: 40px;
    padding: 5px 25px 5px 0;
    border: none;
    box-sizing: border-box;
    outline: none;
}

.site-header {
    position:fixed;
  background-color: white;
   text-decoration:none;
  }


ul{
  list-style-type: none;
   font-family: phenomena;
    font-size: 18px;


  }

.site-header__wrapper {

  padding-top: 1rem;
  padding-bottom: 0rem;
  vertical-align:middle;


   }

   @media only screen and (max-width: 690px){
p.brand{
	font: size 1.6em;

}




div.wrapper{
		margin:0 auto;
		text-align:center;
		 display: flex;
}


}

  @media (min-width: 600px) {
    .site-header__wrapper {
      display: flex;

      justify-content: space-between;
      align-items: center;
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: 3px solid black;} 

  .nav__wrapper {
    display: flex; } 
    }

/* @media (max-width: 599px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;}


.nav__item a {
  display: block;
  padding: 1.5rem 1rem;
  text-decoration:none;}

.nav__toggle {
  display: none; }
  @media (max-width: 599px) {
    .nav__toggle {
      display: block;

      position: absolute;
      right: 1rem;
      top: 1rem; } }
    } */

    @media screen and (max-width: 639px) {
      div.nav__item{
        display: none;
      
      
      }}