/* screen - our-story */

.our-story {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1901px;
  width: 1440px;
}

.our-story .header {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 150px;
  min-width: 1440px;
  padding: 31px 75px;
}

.our-story .logo {
  align-self: flex-start;
  cursor: pointer;
  height: 87px;
  object-fit: cover;
  width: 176px;
}

.our-story .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 300px;
  margin-top: 11.0px;
  min-height: 41px;
  width: 84px;
}

.our-story .our-story-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  width: 84px;
}

.our-story .rectangle-1 {
  background-color: #e5e5e5;
  height: 6px;
  margin-top: 5px;
  width: 84px;
}

.our-story .text-12 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 194px;
}

.our-story .scholarship {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 101px;
}

.our-story .get-involved {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 110px;
}

.our-story .overlap-group {
  height: 41px;
  margin-bottom: 1.0px;
  margin-left: 50px;
  position: relative;
  width: 125px;
}

.our-story .donate-button {
  background-color: var(--candlelight);
  cursor: pointer;
  height: 41px;
  left: 0;
  position: absolute;
  top: 0;
  width: 125px;
}

.our-story .donate {
  cursor: pointer;
  height: 30px;
  left: 31px;
  letter-spacing: 0;
  position: absolute;
  top: 6px;
  width: 64px;
}

.our-story .overlap-group1 {
  align-items: flex-start;
  background-color: var(--eastern-blue);
  display: flex;
  height: 250px;
  justify-content: flex-end;
  min-width: 1440px;
  padding: 96px 137px;
  z-index: 3;
}

.our-story .subtitle {
  height: 54px;
  letter-spacing: 0;
  width: 1153px;
}

.our-story .main-statement {
  letter-spacing: 0;
  margin-top: 167px;
  min-height: 46px;
  width: 1140px;
  z-index: 2;
}

.our-story .flex-row {
  align-items: flex-start;
  display: flex;
  height: 1054px;
  margin-top: 79px;
  min-width: 1140px;
  z-index: 1;
}

.our-story .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 987px;
  width: 535px;
}

.our-story .text-box-1 {
  letter-spacing: 0;
  min-height: 439px;
  width: 535px;
}

.our-story .makenna-family-to-with-frame-1 {
  height: 402px;
  margin-top: 146px;
  object-fit: cover;
  width: 535px;
}

.our-story .flex-col-2 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 97px;
  min-height: 962px;
  width: 508px;
}

.our-story .placeholder-video-of-becky {
  height: 574px;
  object-fit: cover;
  width: 439px;
}

.our-story .text-box-2 {
  letter-spacing: 0;
  margin-top: 78px;
  min-height: 310px;
  width: 508px;
}

.our-story .footer {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 100px;
  margin-top: 55px;
  min-width: 1440px;
  padding: 30px 75px;
  z-index: 4;
}

.our-story .text-11 {
  height: 36px;
  letter-spacing: 0;
  width: 280px;
}

.our-story .contact-us {
  align-self: flex-start;
  cursor: pointer;
  height: 36px;
  letter-spacing: 0;
  margin-left: 785px;
  width: 100px;
}

.our-story .facebook-1 {
  cursor: pointer;
  height: 25px;
  margin-bottom: 5.0px;
  margin-left: 35px;
  object-fit: cover;
  width: 25px;
}

.our-story .instagram-1 {
  cursor: pointer;
  height: 30px;
  margin-left: 35px;
  object-fit: cover;
  width: 30px;
}