.multifamHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--blue);
}
.multifamHeader h1 {
  font-size: 4rem;
  color: whitesmoke;
  text-transform: uppercase;
  text-shadow: 2px 2px rgb(53, 53, 53);
  text-align: center;
  padding: 1rem;
}

.who {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(rgba(24, 101, 150, 0.9), rgba(24, 101, 150, 0.6)), url("");
  font-weight: bolder;
}
.who .contentWrap {
  width: 1400px;
  max-width: 95vw;
}
.who .contentWrap .welcome {
  border: 3px solid var(--greenice);
  margin: 2rem;
}
.who .contentWrap .welcome .top {
  color: whitesmoke;
  font-size: 1.2rem;
  padding: 1rem;
}
.who .contentWrap .welcome .top h3 {
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--green);
  text-shadow: 1px 1px var(--cobalt);
}
.who .contentWrap .welcome .bottom {
  border-top: 3px solid var(--greenice);
  color: var(--green);
  text-shadow: 1px 1px var(--cobalt);
  font-size: 1.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.who .contentWrap .welcome .bottom li {
  padding-inline: 1rem;
}
.who .contentWrap .stats {
  display: flex;
  width: 100%;
  justify-content: space-around;
  flex-wrap: wrap;
}
.who .contentWrap .stats .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15em;
  color: white;
  padding: 1rem;
}
.who .contentWrap .stats .wrapper .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-color: var(--green);
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid #707070;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 4px;
  font-size: 1.5rem;
}
.who .contentWrap .stats .wrapper .circle span {
  font-size: 0.8rem;
  margin-top: -5px;
}

.servicesContainer {
  color: whitesmoke;
  background-image: linear-gradient(rgba(24, 101, 150, 0.9), rgba(24, 101, 150, 0.6)), url("");
  display: flex;
  justify-content: center;
}
.servicesContainer .wrapper {
  width: 1200px;
  max-width: 95vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.servicesContainer .wrapper .intro {
  text-align: center;
}
.servicesContainer .wrapper .intro p {
  font-size: 1.4rem;
}
.servicesContainer .wrapper .intro .underline {
  border-top: 2px solid var(--green);
  width: 1200px;
  max-width: 100%;
}
.servicesContainer .wrapper .items {
  display: flex;
  flex-wrap: wrap;
}
.servicesContainer .wrapper .items .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 25rem;
  padding: 1rem;
}
.servicesContainer .wrapper .items .item .content {
  padding: 15px;
}
.servicesContainer .wrapper .items .item span {
  font-size: 4rem;
}

.program {
  color: whitesmoke;
  background-image: linear-gradient(rgba(24, 101, 150, 0.9), rgba(24, 101, 150, 0.6)), url("");
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.program .wrapper {
  width: 1800px;
  max-width: 95vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.program .wrapper .items {
  display: flex;
  flex-wrap: wrap;
}
.program .wrapper .items .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex: 1 1 12rem;
  padding: 1rem;
}
.program .wrapper .items .item h3 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: bold;
}
.program .wrapper .items .item .content {
  padding: 15px;
}
.program .wrapper .items .item span {
  font-size: 8rem;
}

.process {
  display: flex;
  justify-content: center;
  background-color: var(--cobalt);
  padding-block: 2rem;
}
.process .overview {
  color: whitesmoke;
  width: 900px;
  max-width: 95vw;
  padding: 1rem;
}

.protect {
  color: whitesmoke;
  background-image: linear-gradient(rgba(24, 101, 150, 0.9), rgba(24, 101, 150, 0.6)), url("");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.protect .wrapper {
  width: 1600px;
  max-width: 95vw;
  color: whitesmoke;
}
.protect .wrapper .title {
  margin: 2rem;
}
.protect .wrapper .title h3 {
  font-size: 4.5rem;
  padding-inline: 2rem;
  padding-block: 1rem;
  border: 3px solid whitesmoke;
}

:root {
  --blue: rgb(24, 101, 150);
  --green: rgb(85, 196, 42);
  --greenice: rgb(179, 217, 209);
  --cobalt: rgb(46, 65, 77);
}

.maincontent {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.white {
  color: whitesmoke;
}

.green {
  color: var(--green);
}

h2 {
  font-size: 3.2rem;
  text-shadow: 2px 2px black;
  text-transform: uppercase;
  margin-block: 2rem;
}

.quote {
  background-color: var(--green);
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 2rem;
}
.quote .left {
  border-right: 3px solid whitesmoke;
  padding: 1.5rem;
  flex: 1 1 30em;
}
.quote .left h3 {
  font-size: 2.4rem;
}
.quote .right {
  padding: 1.5rem;
  flex: 1 1 60em;
}
.quote .right .content,
.quote .right .info {
  font-size: 1.4rem;
}
.quote .right .info {
  color: black;
}/*# sourceMappingURL=multfam.css.map */