html, body {
  background-image: linear-gradient(to top, #D2B7BD, #ffffff 25%);
  background-color: #fff; /* Your page background color */
  background-attachment: fixed;
  background-size: cover; 
  margin: 0;
  padding: 0;
}

.menu-container {
  display: flex;
  background-color: #9d4e60;
  color: #fff;
  gap: 0px; /* space between divs */
  padding: 0px;
  font-size: 2rem;
  font-family: "DM Sans", sans-serif;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
}

.menu-container a{
  color: #fff!important;
}

.menu-nav {
  flex: 1;
  display: flex;
  gap: 0px; /* space between divs */
  padding: 20px;
}

.box1 {
  flex: 1;
  padding: 0px;
}

.box2 {
  flex: 1;
  text-align: right;
  padding: 0px;
}

.menu-language {
  flex: 0;
  text-align: right;
  padding: 20px 20px 20px 0px;
  font-weight: 200;
  font-style: italic;
}

.container2 {
    display: flex;
    width: 100%;
    border-top: 2px solid black;
    padding: 80px 10% 80px 10%;
    gap: 20px;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-family: "DM Sans", sans-serif;
}

.logobox {
    flex: 0 0 20%;
}

.textbox {
    flex: 0 0 80%;
    align-items: top;
}

.logobox img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Mobile */
@media (max-width: 900px) {
  
  .menu-container {
    flex-direction: column;
    font-size: 1.5rem;
  }
  
  .menu-language {
    padding: 0px;
    background-color: #ededed;
    text-align: center;
    font-size: 1.2rem;
    padding: 8px;
    color: #000!important;
  }
  
  .menu-language a{
    color: #000!important;
  }
  
    .container2 {
        flex-direction: column;
        gap: 0;
    }

    .logobox, 
    .textbox {
        width: 100%;
        flex: none;
    }
  
      .logobox {
        justify-content: flex-start; /* align logo left */
    }

    .logobox img {
        width: 50%;
        height: auto;
    }
}