.sectionHeader {
    color: black;
    padding-bottom: 0.25em;
}

#mainWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2em;
    overflow: hidden;
}

.feedTheNeedInfo {
    color: black;
    text-align: center;
    font-size: 1.4em;
    font-weight: 500;
    max-width: 30em;
}

#donateWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: min(100%, 80em);
    margin-top: 0.5em;
}

.donateBox {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 9em;
    font-size: 1.3em;
    font-weight: 600;
    background-color: rgba(39, 144, 195, 01);
    padding: 0.5em;
    border-radius: 8px;
    text-shadow: 0px 0px 4px black;
    margin: 0.5em;
}

.donateBox>div {
    padding: 0.25em;
}

.donateButton {
    font-weight: 600;
    font-size: 1.3em;
    background-color: #012169;
    color: white;
    padding: 0.3em;
    border-radius: 8px;
    text-align: center;
    border: 1px solid white;
    -moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
    cursor: pointer;
}

.donateButton:hover {
    opacity: 0.8;
}

.donateButton>i {
    text-shadow: none;
    background: -webkit-linear-gradient(#009cde, white);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cryptoBox {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 9em;
    font-size: 1.3em;
    font-weight: 600;
    background-color: rgba(39, 144, 195, 01);
    padding: 0.5em;
    border-radius: 8px;
    text-shadow: 0px 0px 4px black;
    margin: 0.5em;
}

.cryptoBox>div {
    padding: 0.25em;
}

#ethereum {
    background-color: #716b94;
}

#bitcoin {
    background-color: #f7931a;
}

#fireRelief {
    background-color: red;
}

#ethereum * .donateButton,
#bitcoin * .donateButton,
#fireRelief * .donateButton {
    background-color: white;
    color: black;
    text-shadow: none;
    border: 1px solid black;
}

#videoWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: min(100%, 80em);
    height: 100%;
}

.video {
    width: 30em;
    aspect-ratio: 16 / 9;
    margin: 1.5em;
}

.donorWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40em;
    margin-bottom: 1em;
}

.amount {
    color: #222;
    font-size: 1.6em;
    margin-top: 0.25em;
}

#namesPlatinum {
    font-size: 1.3em;
    color: black;
    text-align: center;
    padding-top: 0.25em;
}

#platinum {
    font-size: 2.4em;
    font-weight: 600;
    color: black;
}

#gold {
    font-size: 2.2em;
    font-weight: 600;
    color: black;
}

#namesGold {
    font-size: 1.2em;
    color: black;
    text-align: center;
    padding-top: 0.25em;
}

#feedTheNeedBio {
    color: black;
    font-size: 1.5em;
}

#feedTheNeedBio > p {
    margin-bottom: 1em;
}

#honoraryDonors {
    text-align: center;
    color: black;
    font-size: 1.0em;
}

form {
    margin-bottom: 0px !important;
}