.thebrand_container {
  width: 70%;
  margin: 0 auto;
}
.content {
  display: flex;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 3em;
}
.left_content {
  width: 40%;
  padding-right: 1em;
}
.right_content {
  width: 60%;
}
.aurumlab_text {
  font-size: 1.2em;
  text-transform: uppercase;
}
.about {
  text-align: justify;
}
.from_you_to_your_self {
  text-transform: uppercase;
  font-size: 2em;
}
.image_1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.align_between {
  display: flex;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
}
.canvas_manivesto {
  background-color: var(--au_color);
  padding-top: 2em;
  padding-bottom: 2em;
}
.hr_manifesto {
  border: 1px solid #b2a2a2;
  margin-bottom: 12em !important;
}
.manifesto_content {
  font-size: 1.4em;
  margin-top: 1em;
  width: 330px;
  font-family: var(--neuzeit-reg-font);
}

.article_section {
  margin-top: 15em;
  margin-bottom: 10em;
}
@media only screen and (max-width: 1200px) {
  .thebrand_container {
    width: 80%;
  }
  .manifesto_content {
    font-size: 1.2em;
    width: 200px;
  }
}
@media only screen and (max-width: 650px) {
  .right_content:has(.about) {
    width: 100% !important;
  }
  .from_to_mobile {
    position: relative;
    width: 100%;
  }
  .from_to_mobile .content {
    flex-direction: column;
    width: 70%;
    height: auto;
    float: right;
  }
  .from_you_to_your_self {
    font-size: 1.5em;
  }
  .from_to_mobile .from_you_to_your_self {
    position: absolute;
    left: 0;
    top: 7em;
  }
  .from_to_mobile .image {
    margin-bottom: 1em;
  }
  .from_to_mobile .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .thestory_section .content,
  .galeries .content,
  .talentperforming_section .content {
    flex-direction: column;
  }
  .thestory_section .content .left_content,
  .galeries .content .left_content,
  .talentperforming_section .content .left_content {
    margin-bottom: 1em;
    width: 100%;
  }
  .thestory_section .content .right_content,
  .galeries .content .right_content,
  .talentperforming_section .content .right_content {
    /* margin-bottom: 1em; */
    width: 100%;
  }
  .content_manifesto_mobile {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .content_manifesto_mobile .left_content {
    width: 20%;
  }
  .content_manifesto_mobile .right_content {
    width: 80%;
  }
  .hr_manifesto {
    margin-bottom: 2em !important;
    margin-top: 2em !important;
  }
}
