.foo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.foo-parent {
position: relative;
}           .m-t-5 {
margin-top: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.p-r-15 {
padding-right: 15px !important;
}
.m-t-16 {
margin-top: 16px !important;
}
.p-t-16 {
padding-top: 16px !important;
}
.m-b-16 {
margin-bottom: 16px !important;
}
.p-b-16 {
padding-bottom: 16px !important;
}
.m-l-16 {
margin-left: 16px !important;
}
.p-l-16 {
padding-left: 16px !important;
}
.m-r-16 {
margin-right: 16px !important;
}
.p-r-16 {
padding-right: 16px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.m-t-25 {
margin-top: 25px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.m-b-25 {
margin-bottom: 25px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.m-r-25 {
margin-right: 25px !important;
}
.p-r-25 {
padding-right: 25px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.m-t-35 {
margin-top: 35px !important;
}
.p-t-35 {
padding-top: 35px !important;
}
.m-b-35 {
margin-bottom: 35px !important;
}
.p-b-35 {
padding-bottom: 35px !important;
}
.m-l-35 {
margin-left: 35px !important;
}
.p-l-35 {
padding-left: 35px !important;
}
.m-r-35 {
margin-right: 35px !important;
}
.p-r-35 {
padding-right: 35px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.p-t-40 {
padding-top: 40px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.p-b-40 {
padding-bottom: 40px !important;
}
.m-l-40 {
margin-left: 40px !important;
}
.p-l-40 {
padding-left: 40px !important;
}
.m-r-40 {
margin-right: 40px !important;
}
.p-r-40 {
padding-right: 40px !important;
}
.m-t-45 {
margin-top: 45px !important;
}
.p-t-45 {
padding-top: 45px !important;
}
.m-b-45 {
margin-bottom: 45px !important;
}
.p-b-45 {
padding-bottom: 45px !important;
}
.m-l-45 {
margin-left: 45px !important;
}
.p-l-45 {
padding-left: 45px !important;
}
.m-r-45 {
margin-right: 45px !important;
}
.p-r-45 {
padding-right: 45px !important;
}
.m-t-50 {
margin-top: 50px !important;
}
.p-t-50 {
padding-top: 50px !important;
}
.m-b-50 {
margin-bottom: 50px !important;
}
.p-b-50 {
padding-bottom: 50px !important;
}
.m-l-50 {
margin-left: 50px !important;
}
.p-l-50 {
padding-left: 50px !important;
}
.m-r-50 {
margin-right: 50px !important;
}
.p-r-50 {
padding-right: 50px !important;
}
.m-t-60 {
margin-top: 60px !important;
}
.p-t-60 {
padding-top: 60px !important;
}
.m-b-60 {
margin-bottom: 60px !important;
}
.p-b-60 {
padding-bottom: 60px !important;
}
.m-l-60 {
margin-left: 60px !important;
}
.p-l-60 {
padding-left: 60px !important;
}
.m-r-60 {
margin-right: 60px !important;
}
.p-r-60 {
padding-right: 60px !important;
}
.m-t-75 {
margin-top: 75px !important;
}
.p-t-75 {
padding-top: 75px !important;
}
.m-b-75 {
margin-bottom: 75px !important;
}
.p-b-75 {
padding-bottom: 75px !important;
}
.m-l-75 {
margin-left: 75px !important;
}
.p-l-75 {
padding-left: 75px !important;
}
.m-r-75 {
margin-right: 75px !important;
}
.p-r-75 {
padding-right: 75px !important;
}
.m-t-80 {
margin-top: 80px !important;
}
.p-t-80 {
padding-top: 80px !important;
}
.m-b-80 {
margin-bottom: 80px !important;
}
.p-b-80 {
padding-bottom: 80px !important;
}
.m-l-80 {
margin-left: 80px !important;
}
.p-l-80 {
padding-left: 80px !important;
}
.m-r-80 {
margin-right: 80px !important;
}
.p-r-80 {
padding-right: 80px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.p-t-100 {
padding-top: 100px !important;
}
.m-b-100 {
margin-bottom: 100px !important;
}
.p-b-100 {
padding-bottom: 100px !important;
}
.m-l-100 {
margin-left: 100px !important;
}
.p-l-100 {
padding-left: 100px !important;
}
.m-r-100 {
margin-right: 100px !important;
}
.p-r-100 {
padding-right: 100px !important;
}
.m-t-150 {
margin-top: 150px !important;
}
.p-t-150 {
padding-top: 150px !important;
}
.m-b-150 {
margin-bottom: 150px !important;
}
.p-b-150 {
padding-bottom: 150px !important;
}
.m-l-150 {
margin-left: 150px !important;
}
.p-l-150 {
padding-left: 150px !important;
}
.m-r-150 {
margin-right: 150px !important;
}
.p-r-150 {
padding-right: 150px !important;
}
.m-t-160 {
margin-top: 160px !important;
}
.p-t-160 {
padding-top: 160px !important;
}
.m-b-160 {
margin-bottom: 160px !important;
}
.p-b-160 {
padding-bottom: 160px !important;
}
.m-l-160 {
margin-left: 160px !important;
}
.p-l-160 {
padding-left: 160px !important;
}
.m-r-160 {
margin-right: 160px !important;
}
.p-r-160 {
padding-right: 160px !important;
}
.m-t-200 {
margin-top: 200px !important;
}
.p-t-200 {
padding-top: 200px !important;
}
.m-b-200 {
margin-bottom: 200px !important;
}
.p-b-200 {
padding-bottom: 200px !important;
}
.m-l-200 {
margin-left: 200px !important;
}
.p-l-200 {
padding-left: 200px !important;
}
.m-r-200 {
margin-right: 200px !important;
}
.p-r-200 {
padding-right: 200px !important;
}  .block-bio-card {
padding-top: 3rem;
padding-bottom: 3rem;
max-width: 1240px;
margin: 0 auto;
}
.block-bio-card .bio-grid {
display: grid;
grid-template-columns: 200px minmax(0, 1fr);
grid-gap: 3rem;
align-items: center;
}
.block-bio-card .bio-grid .bio-image {
width: 250px;
height: 250px;
background: #f1cbe0;
border-radius: 50%;
padding: 1em;
display: flex;
overflow: clip;
}
.block-bio-card .bio-grid .bio-image img {
height: 100%;
object-fit: cover;
}
.block-bio-card .bio-grid .bio-image.no_padding {
padding: 0;
}
.block-bio-card .bio-grid .bio-text .bio-heading h2 {
color: #d647a3;
font-weight: 700;
font-size: 2.4rem;
margin: 0 auto;
margin-bottom: 1.5rem;
width: 1280px;
max-width: 90%;
}
.block-bio-card .bio-grid .bio-text .bio-body p {
font-size: 1.4rem;
color: #706f6f;
margin: 0 auto !important;
width: 1280px;
max-width: 90%;
}
.block-bio-card .bio-grid .bio-text .bio-body a {
color: #d647a3;
font-weight: 700;
}
.block-bio-card .bio-grid.reverse {
grid-template-columns: minmax(0, 1fr) 200px;
}
.block-bio-card .bio-grid.reverse .bio-image {
order: 2;
}
.block-bio-card .bio-grid.reverse .bio-text {
order: 1;
}
@media (max-width: 900px) {
.block-bio-card .bio-grid {
grid-template-columns: minmax(0, 1fr);
justify-content: center;
}
.block-bio-card .bio-grid .bio-image {
display: flex;
justify-self: center;
}
.block-bio-card .bio-grid .bio-image.no_padding {
padding: 0;
}
.block-bio-card .bio-grid.reverse .bio-image {
order: 1;
}
.block-bio-card .bio-grid.reverse .bio-text {
order: 2;
}
}