body{
    background-color: #ededed;
}

body > * {
    background-color: inherit;
}

div.banner-white-bg img {
    overflow: hidden;
    width: 100%;
    height: auto;
}

nav div.container {
    padding-bottom: 0;
}

div.button-space {
    display: flex;
    justify-content: flex-start;
}

button.go-back {
    background: transparent;
    color: #424242;
    border: 0.12em solid #424242;
    border-radius: 0.24em;
    font-size: 1em;
    padding: 0.44em 0.88em;
    font-weight: 600;
    transition: all 0.2s ease;
    touch-action: manipulation;
    cursor: pointer;
}

button.go-back:hover {
    background: #424242;
    color: #fff;
    border-color: #424242;
}

div.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

div.img-pledge {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc((100% - 1 * 14px) / 2);

}

div.img-pledge img {
    width: 100%;
    height: auto;
    align-self: center;

}

div.text-pledge {
    display: block;
    /* max-width: 8em;*/
    height: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc((100% - 1 * 14px) / 2);

}

div.text-pledge h3 {
    color: rgb(66, 66, 66);
    text-align: left;
}

div.text-pledge p,
div.text-pledge ul,
div.text-pledge li {
    color: rgb(13, 13, 15);
    font-size: 0.84rem;
    text-align: left;
}

div.text-pledge ul {
    list-style-position: inside;
}

div.text-pledge li {
    padding-left: 1em;
}


@media screen and (max-width:425px) {
    div.flex-wrap {
        flex-direction: column;

    }

    div.text-pledge p,
    div.text-pledge ul,
    div.text-pledge li {
        color: rgb(13, 13, 15);
        font-size: 1rem;
        text-align: left;
    }

    .flex-wrap :nth-child(1) {order:1}
    .flex-wrap :nth-child(2) {order:2}
    .flex-wrap :nth-child(4) {order:3}
    .flex-wrap :nth-child(3) {order:4}
    .flex-wrap :nth-child(5) {order:5}
    .flex-wrap :nth-child(6) {order:6}
    .flex-wrap :nth-child(8)  {order:7}
    .flex-wrap :nth-child(7) {order:8}
    .flex-wrap :nth-child(9) {order:9}
    .flex-wrap :nth-child(10) {order:10}
    .flex-wrap :nth-child(12) {order:11}
    .flex-wrap :nth-child(11) {order:12}
    .flex-wrap :nth-child(13) {order:13}
    .flex-wrap :nth-child(14) {order:14}
    .flex-wrap :nth-child(16) {order:15}
    .flex-wrap :nth-child(15) {order:16}
    .flex-wrap :nth-child(17) {order:17}
    .flex-wrap :nth-child(18) {order:18}
    .flex-wrap :nth-child(20) {order:19}
    .flex-wrap :nth-child(19) {order:20}
    
}