/* screen - alliance-forge-template-design-desktop-volunteer-all-breakpoints */

.alliance-forge-template-design-desktop-volunteer-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1712px;
  overflow: hidden;
  padding: 17px 0;
  width: 1440px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .nav-1 {
  align-items: flex-end;
  display: flex;
  gap: 191px;
  margin-left: 1.0px;
  min-width: 955px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .frame-3 {
  align-items: center;
  background-color: var(--red-ribbon);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 15px 25px;
  position: relative;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .hero {
  align-items: flex-start;
  display: flex;
  margin-left: 2.0px;
  margin-top: 17px;
  min-width: 1442px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .overlap-group-1 {
  align-items: center;
  background-color: var(--bunting);
  display: flex;
  height: 250px;
  min-width: 1440px;
  padding: 0 608px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .title-1 {
  letter-spacing: 0;
  line-height: 54.0px;
  min-height: 32px;
  min-width: 224px;
  text-align: center;
  white-space: nowrap;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .copy-2 {
  display: flex;
  justify-content: center;
  margin-left: 2.0px;
  margin-top: 129px;
  width: 954px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .group-31-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 37px;
  height: 133px;
  margin-left: 4px;
  width: 958px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .get-involved-1 {
  height: 29px;
  letter-spacing: 0;
  line-height: 48.0px;
  margin-left: -706px;
  white-space: nowrap;
  width: 252px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .lorem-ipsum-dolor-si-1 {
  height: 67px;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -4px;
  width: 954px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .section-cta2 {
  background-color: var(--bunting);
  display: flex;
  height: 332px;
  justify-content: center;
  margin-top: 205px;
  width: 1440px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .copy-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 51px;
  height: 189px;
  margin-left: 2px;
  margin-top: 72px;
  width: 598px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .lorem-ipsum-dolor-sit-amet-consectetur {
  height: 86px;
  letter-spacing: 0;
  line-height: 54.0px;
  margin-left: -2px;
  text-align: center;
  width: 596px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .cta {
  align-items: center;
  background-color: var(--red-ribbon);
  display: inline-flex;
  gap: 10px;
  height: 52px;
  justify-content: center;
  margin-left: -1px;
  padding: 15px 25px;
  position: relative;
  width: 163px;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .footer {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 38px;
  margin-left: 2.0px;
  margin-top: 57px;
  position: relative;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .links {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 33px;
  justify-content: center;
  position: relative;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .issues {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.alliance-forge-template-design-desktop-volunteer-all-breakpoints .volunteer {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}
/* screen - alliance-forge-template-design-phone-volunteer */

.alliance-forge-template-design-phone-volunteer {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1665px;
  overflow: hidden;
  padding: 17px 0;
  width: 360px;
}

.alliance-forge-template-design-phone-volunteer .nav {
  align-items: center;
  display: flex;
  gap: 145px;
  margin-left: 1.0px;
  min-width: 305px;
}

.alliance-forge-template-design-phone-volunteer .overlap-group {
  height: 250px;
  margin-left: 2.0px;
  margin-top: 17px;
  position: relative;
  width: 362px;
}

.alliance-forge-template-design-phone-volunteer .rectangle-3 {
  background-color: var(--bunting);
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 360px;
}

.alliance-forge-template-design-phone-volunteer .copy {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  left: 1px;
  position: absolute;
  top: 111px;
  width: 361px;
}

.alliance-forge-template-design-phone-volunteer .title {
  height: 32px;
  letter-spacing: 0;
  line-height: 54.0px;
  margin-left: -2px;
  text-align: center;
  width: 359px;
}

.alliance-forge-template-design-phone-volunteer .copy-1 {
  display: flex;
  justify-content: center;
  margin-left: 1.0px;
  margin-top: 67px;
  width: 305px;
}

.alliance-forge-template-design-phone-volunteer .group-31 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 51px;
  height: 309px;
  margin-left: 4px;
  width: 309px;
}

.alliance-forge-template-design-phone-volunteer .get-involved {
  height: 29px;
  letter-spacing: 0;
  line-height: 48.0px;
  margin-left: -4px;
  width: 305px;
}

.alliance-forge-template-design-phone-volunteer .lorem-ipsum-dolor-si {
  height: 229px;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -4px;
  width: 305px;
}
/* screen - alliance-forge-template-design-tablet-volunteer */

.alliance-forge-template-design-tablet-volunteer {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1712px;
  overflow: hidden;
  padding: 17px 0;
  width: 1024px;
}

.alliance-forge-template-design-tablet-volunteer .nav-2 {
  align-items: flex-end;
  display: flex;
  gap: 68px;
  min-width: 832px;
}

.alliance-forge-template-design-tablet-volunteer .frame-3-1 {
  align-items: center;
  background-color: var(--red-ribbon);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 15px 25px;
  position: relative;
}

.alliance-forge-template-design-tablet-volunteer .hero-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 2.0px;
  margin-top: 17px;
  min-width: 1026px;
}

.alliance-forge-template-design-tablet-volunteer .overlap-group-2 {
  align-items: center;
  background-color: var(--bunting);
  display: flex;
  height: 250px;
  min-width: 1024px;
  padding: 0 276px;
}

.alliance-forge-template-design-tablet-volunteer .title-2 {
  letter-spacing: 0;
  line-height: 54.0px;
  min-height: 32px;
  text-align: center;
  width: 472px;
}

.alliance-forge-template-design-tablet-volunteer .copy-4 {
  display: flex;
  justify-content: center;
  margin-right: 3.0px;
  margin-top: 129px;
  width: 837px;
}

.alliance-forge-template-design-tablet-volunteer .group-31-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 37px;
  height: 133px;
  margin-left: 4px;
  width: 841px;
}

.alliance-forge-template-design-tablet-volunteer .get-involved-2 {
  height: 29px;
  letter-spacing: 0;
  line-height: 48.0px;
  margin-left: -589px;
  white-space: nowrap;
  width: 252px;
}

.alliance-forge-template-design-tablet-volunteer .lorem-ipsum-dolor-si-2 {
  height: 67px;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: -4px;
  width: 837px;
}

.alliance-forge-template-design-tablet-volunteer .section-cta2-1 {
  background-color: var(--bunting);
  display: flex;
  height: 332px;
  justify-content: center;
  margin-top: 205px;
  width: 1024px;
}

.alliance-forge-template-design-tablet-volunteer .copy-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 51px;
  height: 189px;
  margin-left: 2px;
  margin-top: 72px;
  width: 598px;
}

.alliance-forge-template-design-tablet-volunteer .lorem-ipsum-dolor-sit-amet-consectetur-1 {
  height: 86px;
  letter-spacing: 0;
  line-height: 54.0px;
  margin-left: -2px;
  text-align: center;
  width: 596px;
}

.alliance-forge-template-design-tablet-volunteer .cta-1 {
  align-items: center;
  background-color: var(--red-ribbon);
  display: inline-flex;
  gap: 10px;
  height: 52px;
  justify-content: center;
  margin-left: -1px;
  padding: 15px 25px;
  position: relative;
  width: 163px;
}

.alliance-forge-template-design-tablet-volunteer .footer-1 {
  display: flex;
  height: 434px;
  justify-content: center;
  margin-top: 57px;
  width: 454px;
}

.alliance-forge-template-design-tablet-volunteer .footer-2 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 38px;
  height: 434.04px;
  position: relative;
  width: 454px;
}

.alliance-forge-template-design-tablet-volunteer .links-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 33px;
  justify-content: center;
  position: relative;
}

.alliance-forge-template-design-tablet-volunteer .issues-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.alliance-forge-template-design-tablet-volunteer .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 1023px) {
  .screen.alliance-forge-template-design-desktop-volunteer-all-breakpoints { 
    display: none;
   }
  .screen.alliance-forge-template-design-tablet-volunteer { 
    display: none;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .screen.alliance-forge-template-design-phone-volunteer { 
    display: none;
   }
  .screen.alliance-forge-template-design-desktop-volunteer-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.alliance-forge-template-design-phone-volunteer { 
    display: none;
   }
  .screen.alliance-forge-template-design-tablet-volunteer { 
    display: none;
   }
}