/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: Cambria, Arial, Helvetica, sans-serif;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* Img block */
.img {
}

.img-center {
    margin-left: auto;
    margin-right: auto;
}

/* Container block */
.container {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
}

/* Header block */
.header {
    padding: 5px 5px 5px 5px;
    background-color: #fff6f0;
    border-bottom: 5px solid #3D9CA8;
}

/* Main block */
.main {

}

.main--title {
    font-size: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Nav block */
.nav {
    list-style: none;
    padding: 0;
}

.nav--li {
    display: inline;
    margin-right: 2em;
}

.nav--li-active {
    font-weight: 600;
}

/* CTA block */
.cta {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.cta--item--text {
    text-align: center;
}

/* Lead block */
.lead {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Donate block */
.donate {
    display: flex;
    justify-content: center;
}

.donate--btn {
    background-color: #CE531B;
    color: white;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 15px 10px 15px;
    text-align: center;
    text-decoration: none;
}

/* Founder block */
.founder {
    text-align: center;
}

.founder--img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.founder--caption {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Intro block */
.intro {
    margin-top: 40px;
}

.intro--heading {
    font-size: 28px;
    font-weight: 600;
}

.intro--p {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Learn block */
.learn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.learn--heading {
    margin-bottom: 10px;
}

.learn--p {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Smaller screens */
@media only screen and (max-width: 600px) {

    /* Main block */
    .main--title {
        font-size: 32px;
    }

    /* Donate block */
    .donate {
        display: block;
    }

    .donate--btn {
        display: block;
    }
}