@import url(fontawesome-free-6.7.2-web/css/all.css);

main{
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5lh;
    position: relative;
    margin-bottom: 3lh;
}

.bg{
    width: 100vw;
    background: #eee;
    position: absolute;
    height: 300px;
    left:calc(-50vw + 50%);
}

main img{
    max-height: 300px;
    max-width: 300px;
    margin-left: 10%;
}
main div{
    flex: 1 1 80%;
}
main section{
    flex: 1 1 calc(20% - 2em);
    margin-right: 2em;
}
main .title{
    flex: 1 1 calc(70% - 300px);
    text-align: left;
    align-self: center;
    font-family: Poppins, sans-serif;
    margin-left: 5em;
}
.title h2{
    font-size: 0.8rem;
}
h1, h2, h3{
    font-family: inherit;
    text-transform: none;
    transform: none;
    margin-top: 0.75lh;
}
.title h1{
    font-size: 25px;
}

blockquote{
    text-align: center;
    color: var(--purple);
    font-size: 15px;
    font-weight: 400;
    position: relative;
    margin: 0.5lh 0.25em;
}
blockquote::after{
    content:'”';
    position: absolute;
    bottom:-0.5lh;
    right:0;
    font-size: 20px;
}
blockquote::before{
    content:'“';
    position: absolute;
    top:-0.5lh;
    left:0;
    font-size: 20px;
}