.about_us-name-line {
  min-height: 5vh;
  height: auto;
  width: 20vw;
  border-top: var(--white) 2px solid;
  border-bottom: var(--white) 2px solid;
  justify-content: flex-start;
}

.about_us-name-container {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5vh;
}

.about_us-name {
  font-size: 3vh;
  color: var(--white);
  font-family: var(--ostt);
}

.about_us-toggle {
  color: var(--white);
  cursor: pointer;
  position: relative;
  width: 3vh;
  height: 3vh;
}

.about_us-toggle-line {
  position: absolute;
  top: 45%;
  left: 0%;
  background-color: var(--white);
  height: 2px;
  width: 2.5vh;
  transition: 0.5s;
}

.about_us-toggle-line_mobile {
  transform: rotateZ(90deg);
}

.about_us-description-container {
  height: 0px;
  overflow-y: hidden;
  transition: 0.5s;
}

.about_us-description {
  height: auto;
  padding-bottom: 1vh;
}

.about_us-description p {
  margin-bottom: 1vh;
  color: var(--white);
  font-family: var(--os);
  font-size: 2vh;
  text-align: left;
  padding-top: 2vh;
}

/************************************************************* SECTION 1 ***************************************************************/
#about_us1 {
  min-height: 100vh;
  height: auto;
  transition: 0.5s;
}

#about_us1-container {
  align-items: center;
  justify-content: flex-start;
}

#about_us1-title {
  margin-top: 20vh;
  height: 5vh;
  color: var(--white);
  font-family: var(--ostt);
  font-size: 5vh;
  margin-bottom: 5vh;
}

#about_us1-images {
  width: 50vw;
  justify-content: space-between;
  align-items: flex-start;
}

.about_us1-img {
  height: 60vh;
  width: 40vh;
  background-size: contain;
  margin-bottom: 2vh;
}

#about_us1-left,
#about_us1-right {
  padding-bottom: 3vh;
}

#about_us1-left-img {
  background-image: url(../img/about_us1.jpg);
}

#about_us1-right-img {
  background-image: url(../img/about_us2.jpg);
}

/*********************************************************** SECTION 2 *****************************************************************/
#about_us2 {
  background-color: var(--greengrey);
  height: 70vh;
  justify-content: center;
}

.about_us2-side {
  width: 45vw;
  height: 100%;
  align-items: flex-start;
}

#about_u2-left {
  align-items: flex-start;
}

.about_us2-container {
  height: 100%;
  width: 100%;
  align-items: flex-start;
}

.about_us2-img {
  height: 50vh;
  width: 75vh;
  object-fit: cover;
  margin: 5vh 0px;
}

.about_us2-link {
  text-transform: uppercase;
  color: var(--black);
  font-size: 2vh;
  font-family: var(--os);
  cursor: pointer;
  font-weight: 100;
}

#about_us2-right {
  align-items: flex-end;
}