.header {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #f2f2f3;
  height: 80px;

}

.header-container {
  width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
	padding-bottom:15px;

}

@media (max-width: 800px) {
  .header-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 10px;
	 
  }
}

#logo img {
  width: 70%;
  height: 70%;
}

#logo{
	padding-top:20px;
}

@media (max-width: 800px) {
  #logo img {
	  
	  width:90%;
	  height: 90%;

  }
}





#menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 15px;
}

#menu p {
  font-size: 12px;
  font-weight: 500;
  color: #1f1e1e;
}

#menu a {
  color: black;
  /* Change this to your desired color */
}