
header.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: white;
  color: black;
  display: grid;
  grid-template-columns: 50% 50%;
  z-index: 3;
  font-size: 2.4vw;
  line-height: 2vw!important;
}

header.header .logo{
padding: .4rem .4rem .2rem .4rem;
  letter-spacing: 1rem;
}

header.header a{
  color: black;
  text-decoration: none;
}
nav#menu{
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
}
nav#menu>span{
  border-left: 1px solid black;
}
nav#menu span.menu_item:last-child{
  border-left: 1px solid black;
}

nav#menu span.menu_item{
  font-size: .6rem;
  padding: .4rem .4rem .2rem .4rem;
}

nav#menu span.menu_item_sm{
  font-size: .7rem;
  padding: .5rem .4rem .2rem .4rem;
}

nav#menu span.menu_item_sm img{
  width: .6rem;
  height: .6rem;
}

nav#menu span.menu_item:hover, nav#menu span.menu_item_sm:hover{
  background: black;
}
nav#menu span.menu_item:hover a, nav#menu span.menu_item_sm:hover a, nav#menu span.menu_item:hover span{
  color: white;
}

.marquee {
	white-space: nowrap;
	overflow: hidden;
  width: 15vw;
}

.marquee span {
  font-size: 1rem;
	display: inline-block;
	padding-left: 100%;
	animation: marquee 10s linear infinite;
}
.marquee span:hover {
	animation-play-state: paused
}
@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}


.menu_item_sm img:first-child{
  display: inline-block;
}
.menu_item_sm:hover img:first-child{
  display: none;
}
.menu_item_sm img:nth-child(2){
display: none;
}
.menu_item_sm:hover img:nth-child(2){
  display: inline-block;
}
.menu_item_sm img:nth-child(3){
  display: inline-block;
}
.menu_item_sm:hover img:nth-child(3){
  display: none;
}

.menu_item_sm img:nth-child(4){
  display: none;
}
.menu_item_sm:hover img:nth-child(4){
  display: inline-block;
}




.menu_item_sm img:nth-child(5){
  display: inline-block;
}
.menu_item_sm:hover img:nth-child(5){
  display: none;
}
.menu_item_sm img:nth-child(6){
  display: none;
}
.menu_item_sm:hover img:nth-child(6){
  display: inline-block;
}

.menu_item_sm img:nth-child(7){
  display: inline-block;
}
.menu_item_sm:hover img:nth-child(7){
  display: none;
}
.menu_item_sm img:nth-child(8){
  display: none;
}
.menu_item_sm:hover img:nth-child(8){
  display: inline-block;
}

nav#menu span.marquee marquee{
  width: 10vw;
}


.pointer{
  cursor: pointer;
}
