/* Citizen Benefits CSS Document */

/* RECEIVE BENEFITS */

.Section_GreatBenefits {
	background-color: #FFF;
}





.Frame_Benefits_Type {
	border: 1px solid #DDD;
	background-color: azure;
	border-radius: .4rem;
	padding: .5rem 1rem 1rem;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 4rem 0 1.5rem;
}

.Frame_Benefits_Type h15 {
	margin-bottom: .5rem;
}

.Benefits_Type_Icon {
	max-height: 4.5rem;
}

.Benefits_Type_Explanation {
	margin-top: 1rem;
	font-size: 1.1rem;
	line-height: 1.3rem;
	font-weight: 500;
	color: #333;
}




/* PAGE: BENEFITS */

.Head_Container_Benefits {
	width: 100%;
	background-color: #000;
	margin: 0;
	padding: 0;
	box-shadow: 5px 5px 10px 2px #999;
}

.Head_Image_Benefits {
	background-image: url("https://cdn.garveynation.com/site/graphics/headers/Header_NathanielDebbieDelxinoStageCert_GN_1415x670.png");
	height: 36vw;
	max-height: 620px;
  	background-repeat: no-repeat;
  	background-size: cover;
	background-position: top right;
	padding-top: 6%;
	padding-left: 0;
	padding-right: 50%;
    padding-bottom: 0;
	text-align: left;
	font-size: min(7vw, 7rem);
	font-weight: bold;
	color: #FFF;
	text-shadow: 2px 2px 5px #333;
}



.Page_Supporter_HowItWorks .Container_VerticalSpaced {
   max-width: 60rem;
   margin: 0 auto;
   text-align: center;
}

.Page_Supporter_HowItWorks .VerticalSpaced_Text p {
   margin-bottom: 1.4rem;
}

.Page_Supporter_HowItWorks h31 {
	margin-bottom: 2rem;
}

.Section_VerticalSpaced img {
	padding: 0;
	margin: 0;
 }
 
 
.HowItWorks_Image {
   margin: 0 auto 1.5rem;
   width: 100%;
   text-align: center;
   max-width: 34rem;
}

.Text_Website_Link_Example {
	text-align: center;
	margin-bottom: 1.25rem;
}




.Section_SupporterStatus {
	display: flex;
	justify-content: space-around;
}


/* Table Supporter Status */
.Table_SupporterStatus {
	width: 100%;
	min-width: 110px;
	margin: 0 1rem 0 0;
	font-size: .95rem;
	line-height: 1.4rem;
	background-color: #EEE;
	color: #555;
}

.Table_SupporterStatus th {
	font-weight: 500;
	background-color: #CCC;
}

.Table_SupporterStatus th,
.Table_SupporterStatus td {
	padding: .5rem .5rem;
	border: 2px solid #FFF;
	text-align: left;
}

.Table_SupporterStatus th:first-child,
.Table_SupporterStatus td:first-child {
	width: min(33%, 2.2rem);
	text-align: right;
}

.Table_SupporterStatus td:nth-child(2) {
	background-color: #EFF;
}

.Section_BecomeAnHonoredAfrican {
	margin-bottom: 1rem;
}

.Section_BecomeASupporter {
	margin-top: 6rem;
}




.Section_ReadyToMakeADifference h35,
.Section_BecomeASupporter h35 {
	color:#006787;
}



/* HONORED AFRIKAN */
.Container_VerticalSpaced .Image_HonoredAfrikan {
	margin: 0 auto 1.5rem;
}











/* Mobile First */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {



}









/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.Explanation {
		padding: 20px;
		font-size: 1.1rem;
	}

	.Testimonials_Written {
		column-count: 2;
		column-gap: 3.1rem;
		column-rule: 1px solid #DDD;
	}


}







/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.Container {
		font-size: 1.1rem;
	}

	.Section_Video_Screen {
		margin-bottom: 60px;	
		border-radius: 0;
	}

	.Video_Screen {
		width: 70%;
		float: left;
	}

	.Explanation {
		width: 30%;
		float: right;
		text-align: left;
		font-size: 1rem;
	}

	.Section_VerticalSpaced_Portrait .HowItWorks_Image {
		max-width: 25rem;
	}

}







/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


	.Section_Video_Screen {
		margin-bottom: 60px;	
	}

	.Explanation {
		font-size: 1.3rem;
	}

	.Testimonials_Written {
		column-count: 3;
		column-gap: 60px;
	}


}







/* Super large screens (1680px and up) */
@media (min-width: 1680px) {


}