.org--drop--C {
    max-width: 72vw;
    padding: 2vw;
}
.org--select--hero {
	border: 0.052vw solid #FE6730;
	cursor: pointer;
	width: 12.760vw;
	height: 2.604vw;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.org--select--hero select {
    height: 100%;
    cursor: inherit;
    color: #FE6730;
    font-size: 0.781vw;
    padding-left: 0.521vw;
}
.org--view--er {
    font-size: 0.938vw;
    letter-spacing: 0.052vw;
}
.page--box {
    width: 1.667vw;
    height: 1.667vw;
    line-height: 1.667vw;
    color: #FE6730;
    border: 0.052vw solid #FE6730;
    text-align: center;
	cursor: pointer;
}
.page--box:not(:last-child) {
	margin-right: 0.677vw;
}
.page--box:not(.page--box--active):hover {
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.min--articles {
    display: inline-block;
}
.p--d--lft , .p--d--rgt {
    width: 1.667vw;
    height: 1.667vw;
    line-height: 1.667vw;
    background-color: #FE6730;
    color: var(--cream);
    text-align: center;
	cursor: pointer;
}
.p--d--lft {
	margin-right: 0.677vw;
}
.page--box.page--box--active {
    background-color: #FFE5DB;
}
.org--page--r.org--not--now {
    opacity: .25;
}
.org--page--r.org--not--now > * {
    cursor: not-allowed;
}
.charity--A--N {
	background-color: var(--bluegrey);
}
.c--m--head > h2 {
    color: #000;
    font-size: 1.9vw;
    letter-spacing: .15vw;
}
.c--m--head > h2 span {
    display: inline-block;
    font-weight: inherit;
    color: var(--middleblue);
}
.c--m--head > svg {
    width: 4vw;
    top: -1vw;
    left: -1vw;
    z-index: 0;
}
.dir--center {
    text-align: center;
    margin-bottom: 3vw;
}
.charity--A--N--I {
	max-width: 70vw;
}
.A--N--box {
	-ms-flex-preferred-size: 48%;
	flex-basis: 48%;
	margin: 1%;
	padding: 1.5vw;
	background-color: var(--cream);
}
.A--N--box > * {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.A--N--info {
	background-color: var(--cream);
	padding: 1vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.A--N--folder > span {
    width: 1.042vw;
    height: 1.042vw;
    margin-right: 0.317vw;
}
.A--N--folder > p {
    color: #0E0E10;
    font-size: 0.781vw;
	flex: 1;
}
.A--N--info > h3 {
	color: #0E0E10;
    font-size: 0.8vw;
    margin-top: 1vw;
}
@media only screen and (min-width: 320px) and (max-width: 1600px){
	.org--drop--C {
		max-width: 80rem;
		padding: 2rem;
	}
    .org--select--hero {
        border-width: 0.0625rem;
        width: 15.3125rem;
        height: 3.125rem;
    }
    .org--select--hero select {
        font-size: 0.9375rem;
        padding-left: 0.625rem;
    }
    .org--view--er {
        font-size: 1.125rem;
        letter-spacing: 0.0625rem;
    }
    .page--box {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        border-width: 0.0625rem;
    }
	.page--box:not(:last-child) {
		margin-right: 0.8125rem;
	}
    .p--d--lft , .p--d--rgt {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
    }
    .p--d--lft {
        margin-right: 0.8125rem;
    }
	.charity--A--N--I {
		max-width: 75rem;
	}
    .A--N--box {
        padding: 1.4rem;
    }
    .A--N--info {
        padding: 1.2rem;
    }
    .A--N--info > h3 {
        font-size: 1.0625rem;
        margin-top: 1.2rem;
    }
	.A--N--folder > svg {
		width: 1.25rem;
		height: 1.25rem;
		margin-right: 0.5rem;
	}
    .A--N--folder > p {
        font-size: 1.0625rem;
    }
    .c--m--head > svg {
        width: 5rem;
        top: -1.2rem;
        left: -1.2rem;
    }
    .c--m--head > h2 {
        font-size: 2rem;
        letter-spacing: .25em;
    }
    .dir--center {
        margin-bottom: 3rem;
    }
}
@media only screen and (min-width: 320px) and (max-width: 1024px){
	.org--select--hero {
		width: auto;
	}
	.org--view--er {
		font-size: 0.9375rem;
		letter-spacing: 0.0225rem;
	}
	.A--N--box > .A--N--info {
		-ms-flex-preferred-size: 65%;
		flex-basis: 65%;
	}
	.A--N--box > .A--N--cap {
		-ms-flex-preferred-size: 35%;
		flex-basis: 35%;
	}
	.A--N--folder > p {
		font-size: 0.9375rem;
	}
	.A--N--info > h3 {
		font-size: 0.9375rem;
		margin-top: 0.8rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 820px){
	.A--N--box {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.A--N--more {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		background-color: #000;
		color: var(--cream);
		font-size: 0.8125rem;
		margin-top: 2rem;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		padding: 0.25rem 0.5rem;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.org--select--hero {
		width: 100%;
		margin-bottom: 2rem;
	}
	.org--view--er {
		width: 100%;
		text-align: center;
		margin-bottom: 2rem;
	}
	.org--page--r {
		margin-left: auto;
		margin-right: auto;
	}
	.A--N--box > .A--N--cap {
		display: none;
	}
	.A--N--box > .A--N--info {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding: 0;
	}
}
@media only screen and (min-width: 1601px){
	.A--N--box:before {
		width: calc( 100% + 1.042vw );
		height: calc( 100% + 1.042vw );
		border-width: 0.208vw;
		top: -0.781vw;
		left: -0.781vw;
	}
	.A--N--box:hover .A--N--info > h3 {
		font-size: 0.885vw;
    }
	.A--N--more {
		font-size: 0.990vw;
	}
}
@media only screen and (min-width: 821px){
	.A--N--box:before,.A--N--box:after{
		position: absolute;
		content: '';
	}
    .A--N--box:before {
        width: calc( 100% + 1.25rem );
        height: calc( 100% + 1.25rem );
		border: 0.25rem solid #000;
        top: -0.9375rem;
        left: -0.9375rem;
		opacity: 0;
		-webkit-transition: opacity 250ms ease-in-out;
		-o-transition: opacity 250ms ease-in-out;
		transition: opacity 250ms ease-in-out;
    }
	.A--N--box:hover:before {
		opacity: 1;
	}
	.A--N--box:after {
		background-color: rgba(0,0,0,.9);
		width: 0;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: width 350ms ease-in-out;
		-o-transition: width 350ms ease-in-out;
		transition: width 350ms ease-in-out;
	}
	.A--N--box:hover .A--N--info > h3 {
		position: absolute;
		top: 18%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		color: var(--cream);
		font-size: 1.0625rem;
		z-index: 2;
		margin-top: 0;
		text-align: center;
	}
	.A--N--more {
		position: absolute;
		top: 70%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		color: var(--cream);
		font-size: 0.9375rem;
		opacity: 0;
		-webkit-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
		z-index: 1;
	}
	.A--N--more:hover {
		text-decoration: underline;
	}
	.A--N--box:hover > .A--N--more {
		opacity: 1;
		top: 60%;
	}
	.A--N--box:hover::after {
		width: 100%;
	}
}