@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);



body {
  margin: 0;
  background-color: #ffffff;
  overflow-x:hidden;
  overflow-y:hidden;
 
}


.main-wrapper {
  width: 100%;
  max-width: 5000px;
  margin: auto;
  background-color: #ffffff;
  position: absolute;
  
}

.nav-wrapper {
  width: 100%;
  margin: auto;
  height: 64px;
  display: block;
  
}

.nav {
  margin-left: 20%;
  
}

.logo {
  position: absolute;
  z-index: 1999;
  width: 10%;
  margin: auto;
  margin-left: 45%;
  margin-right: 45%;
  top: 8px;
}
.shopName___1dPCk{
    display:none;
}

.logo h1 {
  padding-left: 5px;
  margin: 0px;
  
}

h1 {
 
  font-family: 'Montserrat', sans-serif;
  color: white;
}


.nav ul {
  margin-top: 5px;
  
}

.nav ul li {
  display: inline-block;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
  color: white;
}


/* mobile bar view */



.mobile-nav {
  width: 100%;
  height: 50px;
  display: none;
  
  
}



/* mobile view */

@media (max-width: 800px) {
  
  .mobile-nav {
    display: block;
  }
  
  
.nav ul li {
  display: block;
  
}
  
  .nav ul  {
  
  
}
  
  .nav-wrapper {
    height: 70px;
    overflow: hidden;
	padding: 10px;
  
   
   
    
    
  }
  
  
  .nav {
    width: 200px;
    margin: 20px auto;
    
   
  }
  
  a {
      text-decoration: none;
      color: #ffffff;
  }
  
  
  
  
  
  .mobile-wrapper {
    display: block;
  
  
  
  
}

/* end of responsive style */


  
  
  
  /* menu icon styles */
  
  /* style for each bar */ 

.responsive-menu-icon-line {
  width: 40px;
  height: 7px;
  background-color: white;
  margin: 5px;
  border-radius: 2px;
  
   /* this determines animation speed */
  
  transition: all 1s ease;
  
}


/* classes to add for each animation */ 

.rotate-down {
  margin-bottom: -12px;
  
   -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.rotate-up {
  margin-top: -12px;
  -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
  
}

.disappear {
  opacity: 0;
}

/* grouping div for all bars */


.responsive-menu-icon {
  width: 60px;
  padding: 3px;
  margin-left: 85%;
 
  
  /* this determines animation speed */
  
  transition: all 1s ease;
  
}

/* animation class to keep icon in similar place after animations */


  
  

.menu-up {
  padding-top: 15px;
}