html {
    font-size: 21px;
}

p {
    padding: 0.618rem 1.618rem;
}

aside {
    margin-bottom: 0rem;
}

#intro div + p {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* - - - */

#letter {
    padding-top: 2rem;
}

.double {
    padding: 1.618rem;

    max-width: 42rem;
    margin: auto;

    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    -ms-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    align-items: center;
    align-content: center;
    justify-content: center;
}
    .double img {
        flex: 0 1 18rem;
        max-width: 18rem;
    }
    .double > img:first-child {
        margin-bottom: 0rem;
        margin-right: 1rem;
    }

#testimonials {
    margin-top: 2rem;
    font-size: 1.25rem;
    line-height: 140%;
}
    #testimonials .swiper-slide,
    aside > div > div {
        padding: 1rem;
    }
    #testimonials aside > div > div:first-child {
        margin-left: 15vw;
    }

    @media all and (min-width: 1200px) {
        #testimonials .swiper-slide,
        aside > div > div {
            padding: 2rem;
        }
        #testimonials aside > div > div:first-child {
            margin-left: 25vw;
        }
    }

#donate {
    /*
    position: fixed;
    top: 0;
    bottom: auto;
    width: auto;
    padding: 0.33rem 0.6rem 0.2rem 0.6rem;
    right: 0.5rem;

    line-height: 1.3;

    box-shadow: 0pt 2pt 5pt rgba(0,0,0, 0.33);
    */
    margin-left: auto;
    margin-right: auto;
    max-width: 30rem;
}

#testimonials::before {
    content: "← click and drag →";
}