.about-page-wrapper .blush{
    background-color:#fcf0f3
}
.about-page-wrapper .title h1, .about-page-wrapper .title h2, .about-page-wrapper .title h3{
    color:#d30061
}
.about-page-wrapper .header{
    padding-top:91px;
    padding-bottom:16px;
    display:flex;
    justify-content:center
}
.about-page-wrapper .section{
    display:flex;
    flex-direction:column
}
.about-page-wrapper .section .image, .about-page-wrapper .section .image img{
    width:100%
}
.about-page-wrapper .section .details{
    width:100%;
    padding:16px 5%
}
.about-page-wrapper .section .details .message{
    color:#494945
}
.about-page-wrapper .section.quote-section{
    text-align:center
}
.about-page-wrapper .section.quote-section .quote{
    font-size:24px;
    font-size:1.5rem;
    color:#494945;
    font-style:italic
}
.about-page-wrapper .section.what .image{
    order:-1
}
.about-page-wrapper .section.how .top{
    display:flex;
    flex-direction:column
}
.about-page-wrapper .section.how .top .details .image{
    width:70%;
    margin:auto
}
.about-page-wrapper .section.how .top > .image{
    order:-1;
    width:70%;
    transform:translateY(-100%)
}
.about-page-wrapper .section.how .image-below{
    width:70%;
    order:-1;
    align-self:flex-end;
    transform:translateY(90%)
}
.about-page-wrapper .section.how .image-below img{
    width:100%
}
.about-page-wrapper .section.brilliant .top{
    display:flex;
    flex-direction:column
}
.about-page-wrapper .section.brilliant .top > .image{
    width:70%;
    align-self:flex-end;
    transform:translateY(-90%)
}
.about-page-wrapper .section.brilliant .image-below{
    width:70%;
    order:-1;
    transform:translateY(95%)
}
.about-page-wrapper .section.brilliant .image-below img{
    width:100%
}
@media only screen and (min-width:1024px){
    .about-page-wrapper .header{
        padding-top:131px
    }
    .about-page-wrapper .section{
        flex-direction:row;
        max-width:1000px;
        margin:auto
    }
    .about-page-wrapper .section .image{
        width:60%
    }
    .about-page-wrapper .section .image img{
        width:100%
    }
    .about-page-wrapper .section .details{
        width:40%;
        padding:16px 5%
    }
    .about-page-wrapper .section .details .message{
        color:#494945
    }
    .about-page-wrapper .section.who{
        padding-top:32px
    }
    .about-page-wrapper .section.who .image{
        width:50%
    }
    .about-page-wrapper .section.who .image img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
    .about-page-wrapper .section.who .details{
        width:45%
    }
    .about-page-wrapper .section.quote-section{
        max-width:none
    }
    .about-page-wrapper .section.quote-section .details{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .about-page-wrapper .section.quote-section .quote{
        max-width:650px;
        margin-bottom:0
    }
    .about-page-wrapper .section.what .image{
        order:0;
        width:55%
    }
    .about-page-wrapper .section.what .details{
        width:45%
    }
    .about-page-wrapper .section.tech{
        padding:32px 0
    }
    .about-page-wrapper .section.how{
        flex-direction:column;
        align-items:center
    }
    .about-page-wrapper .section.how .top{
        flex-direction:row
    }
    .about-page-wrapper .section.how .top > .image{
        order:0;
        width:60%;
        transform:translateY(0)
    }
    .about-page-wrapper .section.how .image-below{
        width:60%;
        order:0;
        align-self:center;
        transform:translateY(-10%)
    }
    .about-page-wrapper .section.how .image-below img{
        width:100%
    }
    .about-page-wrapper .section.brilliant{
        flex-direction:column;
        align-items:center
    }
    .about-page-wrapper .section.brilliant .top{
        display:flex;
        flex-direction:row
    }
    .about-page-wrapper .section.brilliant .top .details{
        width:35%
    }
    .about-page-wrapper .section.brilliant .top > .image{
        width:65%;
        align-self:center;
        transform:translateY(0)
    }
    .about-page-wrapper .section.brilliant .image-below{
        width:65%;
        transform:translateY(-15%);
        order:0
    }
    .about-page-wrapper .section.brilliant .image-below img{
        width:100%
    }
}