#background::before {
    background-image: linear-gradient(rgba(19, 23, 25, 0), rgba(19, 23, 25, 0), rgba(19, 23, 25, 1)), url("https://donate.actionaid.org/emergency-middle-east-appeal/bg.jpg"); background-size: cover; background-position: bottom center;
}

#title h1 { margin-bottom: 0; border-bottom: 3px solid rgba(19,23,25,1); color: rgba(19,23,25,1); background: rgba(255,255,255,0.96);}
#title h2 { font-size: 1.4rem; font-weight: 600; margin-top: 0; background: rgba(255,0,0,0.96); color: rgba(255,255,255,1); }

#title .block_content_col2 { align-items: flex-start; }
#title .caption { max-width: 50%; }

	.block1 { padding-top: 5rem; align-content: center; min-height: 80vh; }
	.block2 { background: #fff; color: #212121; }
	.block3 { color: #fff; background: url("https://donate.actionaid.org/emergency-middle-east-appeal/bg2.jpg") bottom right; background-size: cover;  }
	.block4 { color: #212121; background: #fff; }
	.block5 { color: #212121; background: #fff; padding-top: 1rem; }
	.block6 { color: #212121; background: #fff; padding-top: 2rem; padding-bottom: 0; }
	.block7 { color: #212121; background: #fff; /* padding-top: 2rem; */ }
	.block8 { color: #fff; background: #d00; }
	.blockX { color:#fff; background: linear-gradient(to right, rgba(19,23,25,1), rgba(19,23,25,1) 50%, rgba(19,23,25,0) 70%); }



.block1 .donate_form h4 { text-align: center; margin-bottom: 1rem; margin-top: 1rem; }
.block1 .donate_form p { margin-top: 0;; }
.block1 h3 { text-align: center; margin: 1rem 0 0; }
.block1 h5 { text-align: center; margin: 0 0 1rem; }


.block2 h3 { color: #212121; text-align: center }
.block2 h5 { text-align: center; }

.block2 .block_content_col { align-content: baseline; }
.block2 .dstk { font-size: 2.5rem; font-weight: 800; }
.block2 .bignum { font-size: 5rem; }
.block2 p { margin-top: 0; margin-bottom: 0; }
.block2 .coldata { padding-right: 8rem; }
.block2 .borderleft { padding-left: 5rem; border-left: 1px solid #c1b6ab; margin-left: -3rem; }

.block3 h3 { color: #fff; ; }
.block3 .block_content_col { align-content: center; }
.block3 .block_content_col2 { grid-template-columns: repeat(2, 1fr); gap:0; }
.block3 .block_contents { background: linear-gradient(to right, rgba(19,23,25,1), rgba(19,23,25,1) 30%, rgba(19,23,25,0.5) 50%) }
.block3 .block2cols { padding-left: 0; padding-right: 0; grid-template-columns: repeat(1, 1fr); display: grid; gap: 1rem; }
.block3 .hldata { color: #f00; font-size: 1.6rem; font-weight: 800; margin-top: 0.8rem; }
	#actionaid_response h3 { margin-bottom: 0; }
	#actionaid_response .block1col .block_content_col { grid-template-columns: 5rem minmax(0, 1fr); gap: 2rem; align-items: center; margin-bottom: 1rem; }
.block3 .wedo_icon { text-align: center; width: 3rem; }
.block3 .wedo_icon svg { height: 3rem; } 


.block4 img { width: 100%; }
.block4 h3 { margin-bottom: 2.5rem; text-align: center; }
.block4 h5 { font-size: 1.2rem; margin-bottom: 0; }
.block4 .block_content_col2 { grid-template-columns: repeat(2, 2fr); gap: 5rem; align-content: baseline; }
.block4 .block_content_col { font-size: 1rem; font-weight: 500; text-align: center; }
.block4 .numhl { font-weight: 600; font-size: 2rem; }

.block5 h3 { margin: 0; }
.block5 h4 { margin: 1rem 0 0; color: #f00; }
.block5 a { text-decoration: none; color: rgb(19,23,25); font-weight: 600; }
.block5 a:hover { text-decoration: underline; }
.block5 .block_content_col2 .block2cols { padding-left: 0; padding-right: 0; gap: 4rem; }

.block6 h3 { text-align: center; margin-bottom: 2rem; }
.block6 h5 { margin: 0; }
.block6 h5 .red { margin-bottom: 0.4rem; font-weight: 900; font-size: 1.3rem; }
.block6 .block_content_col2 { grid-template-columns: repeat(3, 1fr); gap:2rem; align-items: flex-start; text-align: center; }
.block6 .block_content_col { grid-template-columns: repeat(1, 1fr); gap: 1rem; align-items: flex-start; text-align: center; }
.block6 .block_content_col .commitment_icon { text-align: center; }


.block7 .block_content_col2 { align-content: baseline; }
.block7 .block_content_col { align-content: baseline;  }


.block8 h3 { margin-bottom: 0; }
.block8 .block_content_col2 { align-items: baseline; }
.block8 .button_donations { background: #fff; color: #f00; border: 1px solid #f00; width: -webkit-fill-available; }
.block8 .button_donations:hover { background: #f00; color: #fff; border: 1px solid #fff; width: -webkit-fill-available; }

footer .linkscols a, footer .linkscols p { margin-top: 0; }

@media (max-width: 800px) {
	#background::before {
    background-image: url("https://donate.actionaid.org/emergency-middle-east-appeal/bg.jpg"); background-position: bottom center; }
	#title h1 { margin-top: 0; }
	#title h2 { margin-bottom: 6rem; }
	.block2 h5 { text-align: left; }
	.block2 h3 { text-align: center; }
	.block_content_col_img { height: 20rem; }
	.block2 .block_content_col2, .block3 .block_content_col2, .block4 .block_content_col2 { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
	.block2 .coldata { text-align: center; padding: 1rem; }
	.block2 .borderleft { padding: 1rem; border-left: none; border-top: 1px solid #c1b6ab; margin-left: auto; }
	#givemonthly h3 { text-align: left; }
	#givemonthly h3, #givemonthly h4 { margin: 0 30vw 0.5rem 0; }
	.block3 p { width: 60vw; }
	.block3 .redleftbar { padding-left: 1rem; }
	.block3 .block_contents { background: linear-gradient(to right, rgba(19, 23, 25, 1), rgba(19, 23, 25, 1) 45%, rgba(19, 23, 25, 0.5) 70%); }
	.block3 { color: #fff; background: url("https://donate.actionaid.org/emergency-middle-east-appeal/bg2.jpg") bottom; background-size: cover; background-position-x: 85%; }
	.block4 .block_content_col2 .block_content_col img { width: 60%; margin: 0 20%; }
	.block4 .block_content_col2 { margin: 1rem; gap: 2rem; }
	.block4 h3 { font-size: 1.3rem; }
	.block4 h5 { margin-top: 0; }
	.block5 .block_content_col:last-of-type { order: -1; }
	.block6 .commitment_icon { text-align: center; }
	.block6 .commitment_icon svg { height: 3.5rem; }
	.block6 .block_content_col { grid-template-columns: repeat(1, 1fr); gap: 0; align-items: center; }
	.block6 .block_content_col h5 { margin-top: 0; text-align: center; }
	.block_contents { padding: 1rem 2vw 2rem; }
	.block6 .block_content_col2 { grid-template-columns: repeat(1, 1fr); gap:2rem; }
	.block7 img { width: -webkit-fill-available; }
	.block8 .button_donations { font-size: 1.4rem; }
}

@media (min-width: 801px) {
}

/* Secion 2 */
       .st-left {
            display: table-cell;
            width: 42%;
            text-align: right;
            font-size: 15pt;
            font-weight: 900;
            color: rgba(148,133,118,0.6);
            text-transform: uppercase;
            vertical-align: bottom;
            padding-bottom: 5px;
        }
        .st-mid {
            display: table-cell;
            width: 16%;
            text-align: center;
        }
        .st-right {
            display: table-cell;
            width: 42%;
            text-align: left;
            font-size: 15pt;
            font-weight: 900;
            color: rgba(255,0,0,0.6);
            text-transform: uppercase;
            vertical-align: bottom;
            padding-bottom: 5px;
        }
        .infographic-container {
            width: 100%;
            display: table;
            border-collapse: separate;
            border-spacing: 0 20px;
        }
        .row {
            display: table-row;
            page-break-inside: avoid;
        }
        .cell-problem {
            display: table-cell;
            width: 42%;
            background-color: rgba(148,133,118,0.6);
            color: #131719;
            padding: 25px 20px;
            vertical-align: middle;
            text-align: right;
            font-size: 1.1rem;
            font-weight: bold;
            line-height: 1.4;
            border-left: 5px solid #555555;
			border-radius: 0.2rem;
        }
        .cell-arrow {
            display: table-cell;
            width: 16%;
            vertical-align: middle;
            text-align: center;
            font-size: 28pt;
            color: rgba(255,0,0,1);
            font-weight: bold;
        }
        .cell-solution {
            display: table-cell;
            width: 42%;
            background-color: rgba(255,0,0,0.8);
            color: #ffffff;
            padding: 25px 20px;
            vertical-align: middle;
            text-align: left;
            font-size: 1.1rem;
            font-weight: bold;
            line-height: 1.4;
            border-right: 5px solid #B01A1A;
			border-radius: 0.2rem;
        }