/* media qurey 600 PX*/

@media (max-width: 600px) {
  .topbar{
  display: block;
  background-color: #880e4f;
  width: 100vw;
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
}
.topbar .top-left{
  width: 100%;
  display: flex;
  margin-top:.2rem ;
  margin-bottom: .2rem;
}
.topbar .top-left .phone-no p{
  color: yellow;
  font-size: 1rem;
  padding: .1rem;
}
.topbar .top-left .email{
  display: flex;
  margin:0, auto;
  margin-right:.5rem;
  margin-left: .5rem;
  
}
.topbar .top-left .email p{
  color: yellow;
  font-size: 1rem;
  padding: .1rem .3rem;
}
.topbar .top-left .email img{
  height: 1.5rem;
  padding: .1rem;
}
.topbar .top-right{
  display: flex;
  justify-content: space-between;
  background-color: darkcyan;
}
.top-right .top-menu{
  display: flex;
  font-size: 1rem;
  padding: .1rem .3rem;
}
.top-right .top-menu a{
  color: whitesmoke;
  background-color: #880e4f;
  text-decoration: none;
  margin:.1rem ;
  padding: .3rem;
  border : .1rem solid wheat;
  border-radius: .1rem;
  display: block;
}
.top-right .top-menu a:hover{
  color: #880e4f;
  background-color: wheat;
}

.top-right .log-in{
  display: flex-end;
  margin-right: 1rem;
  padding: .1rem;
  width: 15%;
}
.top-right .log-in h2{
  font-size: 1rem;
  background-color: #880e4f;
  padding: .2rem;
  color: white;
  box-shadow: .2rem .2rem wheat;
}
.header .main-menu{
  display: flex;
  height: 2.5rem;
  background-color: #880e4f;
  margin-top: 1.3rem;
  margin-left: 1%;
  margin-right: 1%;
  align-items: center;
  border-radius: .4rem;
  box-shadow: .2rem .3rem #d35400;
  position: relative;
  display: inline-block;
}
.header .main-menu:hover ul{
  display: block;
  margin-top: 1.3rem;

}
.header .main-menu span{
  display: block;
  color: white;
  text-align: center;
  padding-top: .7rem;
  height: 1.3rem;
}
.header .main-menu ul{
  position: absolute;
  background-color: #880e4f;
  list-style: none;
   display: none;
  z-index: 1;

  }

.header .main-menu ul li{
    display: block;
    }

.header .main-menu ul li a{
text-decoration: none;
color: white;
font-size: 1.2rem;
text-align: center;
border-right: .1rem solid wheat;
display: block;

}
.header .main-menu ul li a:hover{
  background-color: wheat;
  color: #880e4f;
  
  }

  
}