*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body{
  width: 100%;
  height: 100%;
  background-color: brown;
}

.header{
  width: 100%;
  height: 5em;
  display: flex;
  padding: 15px;
  align-items: center;
}

.logo-jungla3d{
  width: 100%;
  height: 80px;
}

.logo-dimension{
align-items: center;
scale: 75%;
}

.search {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  
}

.searchTerm {
  width: 100%;
  border: 1px solid #fff;
  border-right: none;
  padding: 5px;
  height: 40px;
  opacity: 0.5;
  border-radius: 5px 0 0 5px;
  outline: none;

}

.searchTerm:focus{
  color: #3d5257;
}
.menu-actions{
  display: flex;
  justify-content: right;
  height: 40px;
  width: 100%;
}
.shopping-cart{
}
.user-account{
}

.banner{
  width: 100%;
  height: 40em;
  background-color: rgb(2, 255, 86);
}


.footer{
  width: 100%;
  height: 100%;
  background-color: rgb(102, 202, 233);
}
.btn-menu-actions{
  width: 100%;
  height: 100%;
  background-color: blue;
  padding: 0.7em 0.7em;
  color: aliceblue;
  font-size: 1.25em;
  border-radius: 100%;
align-items: center;
display: inline-flex;
}

.category-menu { z-index:100; padding:0; margin:0;  position: fixed; bottom:24vh; width:100%; text-align: center; opacity: 0; transition: .4s all ease-in-out;}
.category-menu.show{opacity: 1;}
.category-menu .menu-items { padding:0; margin:0;}
.category-menu .menu-item{ display: inline-block; cursor: pointer; color:white; text-transform: capitalize; letter-spacing: 0.2vw; text-indent:.2vw;font-size: 1vw;opacity:.5; padding-right:4vw; padding-left:4vw; user-select: none;}