.full-length-image {width: 100%; position: absolute; align-items: flex-end; justify-content: flex-end; right: 2%;}
.fancy-box {width: 24%; align-items: flex-start; display: flex; flex-direction: row; justify-content: center; height: 28vw; flex-grow: 1; flex-shrink: 0; cursor: pointer;}
.h2-text {font-family: 'Oswald'; font-size: 2.8rem; text-transform: uppercase; font-weight: 400;}
.foto-bio {justify-content: flex-start;}
.foto-block-bio {flex-direction: column; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto auto; grid-auto-flow: row ; display: flex; align-items: center; width: 110%; justify-self: start; row-gap: 1rem;}
.foto-bio-frame {border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; width: auto; height: auto; border-top-width: 0.13rem; border-right-width: 0.13rem; border-bottom-width: 0.13rem; border-left-width: 0.13rem; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(155, 192, 231, 1); border-left-color: rgba(155, 192, 231, 1); border-right-color: rgba(155, 192, 231, 1); border-bottom-color: rgba(155, 192, 231, 1);}
.caption-bio-block {height: auto; width: 100%; bottom: 0rem; background-size: auto; background-image: linear-gradient(rgba(45, 102, 164, 0.85) 0%, rgba(45, 102, 164, 0.85) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; position: absolute; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.55rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top-width: 0px; border-right-width: 0.13rem; border-bottom-width: 0.13rem; border-left-width: 0.13rem; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-color: rgba(155, 192, 231, 1); border-left-color: rgba(155, 192, 231, 1); border-right-color: rgba(155, 192, 231, 1); backdrop-filter: blur(2.5px); padding-top: 0.15rem;}
.caption-bio {font-size: 0.75rem; font-style: normal; font-weight: 300; color: rgba(255, 255, 255, 1); margin-top: 0.25rem;}
.biography-text {width: 100%; padding-right: 10%; height: 100%;}
.bio-block {display: flex;}
.mini {width: 48%; height: 38vw;}
@media (max-width: 991px) {.foto-block-bio {width: 60%; margin-top: 1.6rem; margin-bottom: 1.6rem; row-gap: 1.6rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto auto; justify-items: center;}}
@media (max-width: 991px) {.fancy-box {height: 32vw;}}
@media (max-width: 991px) {.mini {height: 50vw;}}
@media (max-width: 767px) {.fancy-box {height: 40vw;}}
@media (max-width: 767px) {.mini {height: 50vw;}}
@media (max-width: 767px) {.foto-block-bio {width: 70%;}}
@media (max-width: 479px) {.fancy-box {width: 40%; height: 52vw; align-self: stretch;}}
@media (max-width: 479px) {.foto-block-bio {height: auto; flex-wrap: wrap; row-gap: 0.7rem; width: auto; margin-top: 0.5rem; margin-bottom: 0rem;}}
@media (max-width: 479px) {.caption-bio {font-size: 0.78rem;}}
@media (max-width: 479px) {.h2-text {font-size: 2rem;}}
@media (min-width: 1280px) {.foto-block-bio {width: 20rem;}}
@media (min-width: 1280px) {.fancy-box {height: 22vw;}}
@media (min-width: 1280px) {.h2-text {font-size: 3.2rem;}}
@media (min-width: 1280px) {.mini {height: 28vw; width: 30%;}}
@media (min-width: 1440px) {.foto-block-bio {width: 20rem;}}
@media (min-width: 1440px) {.fancy-box {height: 20vw;}}
@media (min-width: 1440px) {.mini {height: 28vw;}}
@media (min-width: 1920px) {.fancy-box {height: 19vw;}}
@media (min-width: 1920px) {.foto-block-bio {width: 23rem;}}
@media (min-width: 1920px) {.h2-text {font-size: 3.6rem;}}
@media (min-width: 1920px) {.mini {height: 26vw;}}