/* reset some thangs */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ========================================================================================================================================= VARIABLES */

:root {
  --primary-color: #53C4D0;
  --secondary-color: #000;
  --tertiary-color: #ECD16A;
}



/* ========================================================================================================================================= ELEMENTS */

body {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;

}
img {
	width: 100%;
}
.row-content {
	padding-top: 60px;
	padding-bottom: 60px;
}
.row-image {
	background-position: center top;
	background-size: cover;
	min-height: 80vh;
	color: #fff;
	position: relative;
	display: flex;
	align-items: flex-end;
}
.row-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    z-index: 1; /* Places overlay above the background image */
            
        }
        
.bgcolor-primary {
	background-color: var(--primary-color);
}

.bgcolor-secondary {
	background-color: var(--secondary-color);
}
.bgcolor-white {
	background-color: #fff;
}
.row-fellow {
	background: linear-gradient(0deg,rgba(83, 196, 208, 1) 0%, rgba(83, 196, 208, 1) 20%, rgba(255, 255, 255, 1) 20%);
}

/* ========================================================================================================================================= HEADER */
header {
	position: absolute;
	z-index: 200;
	width: 100%;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
	
}
.row-header {
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;

}
.logo img {
	max-width: 300px;
}
.logo a {
	color: #fff;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
}
.logo a span {

	margin-left: 15px;
	
}
.nav-top {
	display: flex;
	align-self: center;
	justify-content: right;
}

/* ========================================================================================================================================= NAVIGATION MENU */
.nav-top {
	display: flex;
	align-self: center;
	justify-content: right;
}

.nav-top li {
	font-style: normal;
	display: inline-block;
	font-size: 1.5em;
	letter-spacing: 2px;
	padding-left: 40px;
	padding-right: 0px;
	position: relative;
}

.nav-top li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-top li.active > a {
	color: var(--tertiary-color);
	text-decoration: none;
}

/* drop down */
.nav-top li ul {
	position: absolute;
	z-index: 17;
	top: 20px;
	left: 0;
	width: 250px;
	border-radius: 0px;
	border-top: 10px solid transparent;
	overflow: hidden;
	display: none;
}

/* Anchor the final dropdown to the right edge */
.nav-top > li:last-child > ul {
	left: auto;
	right: 0;
}

.nav-top li:hover ul,
.nav-top li ul:hover {
	display: block;
}

.nav-top li ul li {
	display: block;
	background-color: var(--primary-color);
	padding: 10px;
	padding-left: 15px;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.nav-top li ul li a {
	color: #fff;
	line-height: 1.25em;
}

.nav-top li ul li.active a {
	color: var(--tertiary-color);
}

.nav-top li ul li:hover {
	background-color: #fff;
	color: #fff;
	cursor: pointer;
}

.nav-top li ul li:hover a {
	color: var(--secondary-color);
}

.nav-mobile {
	display: none;
}

/* Slide Out Menu */
.toggle-button {
	position: absolute;
	width: 50px;
	height: 40px;
	top: 25px;
	right: 25px;
	padding: 4px;
	transition: .25s;
	z-index: 125;
}

.toggle-button:hover {
	cursor: pointer;
}

.toggle-button .menu-bar {
	position: absolute;
	border-radius: 2px;
	width: 80%;
	transition: .5s;
}

.toggle-button .menu-bar-top {
	border: 4px solid var(--primary-color);
	border-bottom: none;
	top: 0;
}

.toggle-button .menu-bar-middle {
	height: 4px;
	background-color: var(--primary-color);
	margin-top: 7px;
	margin-bottom: 7px;
	top: 4px;
	width: 90%;
}

.toggle-button .menu-bar-bottom {
	border: 4px solid var(--primary-color);
	border-top: none;
	top: 22px;
}

.button-open .menu-bar-top {
	border-color: #FFFFFF;
	transform: rotate(45deg) translate(8px, 8px);
	transition: .5s;
}

.button-open .menu-bar-middle {
	transform: translate(230px);
	transition: .1s ease-in;
	opacity: 0;
}

.button-open .menu-bar-bottom {
	border-color: #FFFFFF;
	transform: rotate(-45deg) translate(8px, -7px);
	transition: .5s;
}

.menu-wrap {
	background-color: var(--primary-color);
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	right: -100vw;
	font-size: 1em;
	font-weight: 700;
	overflow: auto;
	transition: .5s;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.menu-wrap {
	background-color: var(--primary-color);
	position: fixed;
	top: 0;
	right: -100vw;
	width: 100%;
	height: 100%;
	padding: 90px 20px 50px;
	font-size: 1em;
	font-weight: 700;
	overflow-y: auto;
	transition: right 0.5s;
	z-index: 100;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}



.menu-show {
	right: 0;
	box-shadow: 4px 2px 5px 1px rgba(0,0,0,0.15);
}

.menu-wrap img {
	width: 250px;
	margin-bottom: 30px;
}

.nav-top-mobile {
	text-align: center;
	margin-bottom: 30px;
}

.nav-top-mobile li {
	display: block;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: 0px;
	padding: 15px;
}

.nav-top-mobile li a {
	color: #fff;
	text-decoration: none;
}

.mobile-menu-logo {
	text-align: center;
	margin: auto;
	width: 235px;
	margin-bottom: 15px;
}







/* Top-level mobile items */
.nav-top-mobile {
	width: min(500px, calc(100vw - 40px));
	margin: 0 auto 30px;
	padding: 0;
}

.nav-top-mobile > li {
	position: relative;
	padding: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.nav-top-mobile > li > a {
	display: block;
	padding: 15px 55px 15px 20px;
}

/* Items without children do not need extra right spacing */
.nav-top-mobile > li:not(.menu-item-has-children) > a {
	padding-right: 20px;
}

/* Submenu toggle */
.submenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 58px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.submenu-toggle-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -65%) rotate(45deg);
	transition: transform 0.25s ease;
}

.submenu-toggle[aria-expanded="true"] .submenu-toggle-icon {
	transform: translate(-50%, -35%) rotate(225deg);
}

/* Child menus hidden by default */
.nav-top-mobile > li > ul {
	display: none;
	margin: 0;
	padding: 5px 0 15px;
	background: rgba(0, 0, 0, 0.1);
}

/* Reveal the selected submenu */
.nav-top-mobile > li.submenu-open > ul {
	display: block;
}

/* Child links */
.nav-top-mobile > li > ul > li {
	margin: 0;
	padding: 0;
	font-size: 0.72em;
	font-weight: 500;
}

.nav-top-mobile > li > ul > li > a {
	display: block;
	padding: 9px 20px;
}

/* Clear focus treatment */
.submenu-toggle:focus-visible,
.nav-top-mobile a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}








/* ========================================================================================================================================= TYPOGRAPHY */

h1 {
	font-size: 5em;
	
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 30px;
}

h2 {
	color: #fff;

	font-size: 3.5em;
	margin-bottom: 15px;
		text-transform: uppercase;

}

h3 {
	
    
    text-transform: uppercase;
    font-size: 1.5em;
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
}
h4 {
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 2px;
	font-size: 1.5em;
}

p {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}
.eyebrow {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 200;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 6px;
}
/* ========================================================================================================================================= BUTTONS */

.button-hero {
	background-color: var(--secondary-color);
	color: white; 
	padding: 20px 30px; 
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	border-radius: 45px;
	width: fit-content;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
    margin-bottom: 15px;
	transition: all .75s;
}

.button-hero:hover {
	background-color: #fff;	
	color:  var(--primary-color);
}



.button {
	background-color: var(--primary-color);
	font-family: "Bebas Neue", sans-serif;
	color: white; 
	padding: 20px 30px; 
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
	border-radius: 0px;
	width: fit-content;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	transition: all .75s;
}

.button:hover {
	background-color: var(--tertiary-color);
	color:  #fff
	
}


.button-secondary {
	background-color: var(--secondary-color);
	font-family: "Bebas Neue", sans-serif;
	color: white; 
	padding: 20px 30px; 
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
	border-radius: 0px;
	width: fit-content;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	transition: all .75s;
}

.button-secondary:hover {
	background-color: var(--tertiary-color);
	color:  #fff
	
}
.centerme {
	text-align: center;
	margin: auto;
	display: block;
}

.button-tertiary {
	background-color: var(--tertiary-color);
	font-family: "Bebas Neue", sans-serif;
	color: white; 
	padding: 20px 30px; 
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
	border-radius: 0px;
	width: fit-content;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	transition: all .75s;
}

.button-tertiary:hover {
	background-color: var(--primary-color);
	color:  #fff
	
}




.button-link {
	color: var(--secondary-color);
	text-decoration: none;
	font-size: 2em;
}


/* ========================================================================================================================================= SLICK SLIDER */
.slider-connections {
	margin-top: 60px;
	margin-bottom: 60px;
}
.slider-connections div {
	
}
.connection-logo {
	
}
.slider-connections div img {
	width: 225px;
    height: auto;
    margin: auto;
}
.slick-prev {
	background-image: url('../img/icon-prev.svg');
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: none;
	background-size: contain;
	left: -60px;
	width: 35px;
	height: 35px;
}
.slick-prev:before {
    content: ' ';
}
.slick-prev:hover, .slick-prev:focus {
   background-image: url('../img/icon-prev.svg');
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: none;
	background-size: contain;
	left: -60px;
	width: 35px;
	height: 35px;
}
.slick-next {
	background-image: url('../img/icon-next.svg');
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: none;
	background-size: contain;
	right: -60px;
	width: 35px;
	height: 35px;
}
.slick-next:before {
    content: ' ';
}
.slick-next:hover, .slick-next:focus {
   background-image: url('../img/icon-next.svg');
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: none;
	background-size: contain;
	right: -60px;
	width: 35px;
	height: 35px;
}





/* ========================================================================================================================================= PAGE - HOMEPAGE */
.hero-home {
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    min-height: 800px;
    position: relative;
    background-position: right center;
    justify-content: center;
    overflow: hidden;
}
.hero-home::after {
    background-color:rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 2;
}

#heroVideo {
    object-fit: cover;
    width: 100vw;
    min-height: 800px;
    height: 80vh;
    }
    
.hero-home .content {
    z-index: 3;
    position: absolute;
    width: 100%;
}
    
.home-headlines {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}


.hero-headline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	margin: 0;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(4rem, 9vw, 9rem);
	line-height: 0.95;
	text-transform: uppercase;
	color: #55c3cf;
}

.hero-headline span {
  display: inline-block;
  width: fit-content;
  background: rgba(35, 35, 35, 0.72);
  padding: 0.08em 0.08em 0.00em 0.08em;
}



    
.hero-intro {
	background-color: var(--secondary-color);
	color: #fff;
	padding-top: 30px;
	padding-bottom: 60px;
}
.hero-intro p {
	font-size: 1.75em;
	line-height: 1.5em;
	margin-bottom: 30px;
}


.section-howcycworks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}


.section-theresults {
	background-color: var(--secondary-color);
	color: #fff;
	
	
}
.slider-stats {
	margin-top: 60px;
	margin-bottom: 60px;
}
.stat {
	text-align: center;
}
.stat h2 {
	background-image: url(../img/bg-stat.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 7em;
}

.stat p {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.75em;
	line-height: 1em;
		padding: 30px;
}
.results-info {
	text-align: center;
	color: var(--primary-color);
}

.results-info p  {
font-size: 1.5em;
margin-bottom: 60px;
}
.section-afellowstory {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}

.section-thecycjourney, .section-thecycjourney h1 {
	color: #fff;
}

.grid-journey {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}
.grid-journey .card {
	background-color: var(--secondary-color);
	color: #fff;
	text-align: center;
	padding: 30px;
}
.step-badge {
  width: 125px;
  margin: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #56c4cd;
  border: 7px solid #43bdc8;
  box-shadow: inset 0 0 0 3px #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.step-badge__label {
	color: #fff;
	text-transform: uppercase;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1;
	margin-bottom: 10px;
	letter-spacing: 6px;
}

.step-badge__number {
  color: #fff;
  font-size: 4em;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: 0;
}
.grid-journey .card ul  {
	color: var(--primary-color);
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5em;

}
.grid-journey .card img {
	width: 200px;
	margin: auto;
	margin-bottom: 30px;
}


.section-partnership {
position: relative;
z-index: 4;
}


.section-getinvolved {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: ;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.section-getinvolved > div {
    display: flex;
    flex-direction: column;
   
}
.section-getinvolved > div p {
    margin-bottom: 60px;
   
}
.section-getinvolved > div p.eyebrow {
    margin-bottom: 15px;
   
}
.section-getinvolved .card-1 {
	background-color: var(--secondary-color);
	padding: 30px;
	color: #fff;
}
.section-getinvolved .card-2 {
	background-color: var(--primary-color);
	padding: 30px;
	color: #fff;
}
.section-getinvolved .card-3 h2 {

	color: #000;
}
.section-getinvolved .card-3 {
	background-color: #D4D4D4;
	padding: 30px;
	color: #000;
}

.section-getinvolved .card-1 a, .section-getinvolved .card-2 a, .section-getinvolved .card-3 a {
	margin-top: auto;
}



.grid-newsfeed {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 60px;
}

.grid-newsfeed .card .thumb {
	height: 250px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	margin-bottom: 15px;
	background-position-y: top;
}


.grid-newsfeed .card h2 {
	color: var(--secondary-color);
	font-size: 2em;
}





.section-whytheygive {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}
.section-whytheygive p {
	color: #fff;
	font-size: 1.5em;
}
.attribution {
	color: var(--tertiary-color);
	font-size: 1.5em;
	margin-bottom: 60px;
}
.flex-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* ========================================================================================================================================= CYC Experience */


.hero-internal {
	
	position: relative;
	background-size: cover;
	background-position: center center;
	
}
.hero-internal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.hero-content {
	display: flex;
	z-index: 5;
	position: relative;
	flex-direction: column;
	justify-content: center;
	min-height: 40vh;
	padding-top: 60px;
}
.hero-content h1{
	display: inline-block;
	width: fit-content;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 0.08em 0.08em 0.00em 0.08em;
	font-size: 8rem;
}

.internal-intro {
	background-color: var(--primary-color);
	color: #fff;
	
}
.internal-intro a {
	color: var(--tertiary-color);
	text-decoration: none;
	font-weight: bold;
}
.internal-intro a:hover {
	color: var(--secondary-color);
	text-decoration: none;
	font-weight: bold;
}
.internal-intro .container {
	padding-top: 60px;
	padding-bottom: 60px;
	
}
.internal-intro .container p {
	font-size: 1.75em;
	
}
.section-seeourprograms {
	text-align: center;
}

.section-seeourprograms h2 {
	color: var(--primary-color);
}
.row-grey {
	background-color: rgba(212, 212, 212, 0.26);
}
.grid-list {
	width: 80%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* Creates two equal columns */
	gap: 10px; /* Adds spacing between rows and columns */
	list-style-position: outside; /* Keeps bullets aligned correctly */
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	margin-top: 60px;
	margin-bottom: 60px;

} 
.grid-list li {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 1.5em;
	background-image: url('../img/icon-check.svg');
	background-position: left center;
	background-size: 40px;
	padding-left: 60px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.section-360support {
	text-align: center;
}
  
.section-360support h2 {
	color: #fff;
}
 .grid-360support {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}
.grid-360support .card {
	background-color: #fff;
	color: var(--secondary-color);
	text-align: left;
	padding: 30px;
}
 .grid-360support .card h3 {
	color: var(--secondary-color);
	font-size: 4em;
}
.circlethumb {
	width: 50%;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #d6d6d6;
	margin-bottom: 30px;
	margin-top: 15px;
	background-position: center center;
	background-size: cover;
}
.support-list {

	list-style-position: outside; /* Keeps bullets aligned correctly */
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;


} 
.support-list li {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 1.5em;
	background-image: url('../img/icon-checkoutline.svg');
	background-position: left center;
	background-size: 30px;
	padding-left: 40px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.locations a {
	text-decoration: none;
}

.section-campus {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}

.section-campus h2 {
	color: #fff;
	font-size: 5em;
}
.location-image {
	padding: 15px;
	background-size: cover;
	background-position: center center;
	color: #fff;
	margin-bottom: 15px;
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.location-image h4  {
	margin-bottom: 5px;
	letter-spacing: 0px;
	font-size: 1.75em;
}


.row-campus {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(83, 196, 208, 1) 20%);
}




.section-threepillars {
	text-align: center;
}

.section-threepillars h2 {
	color: var(--primary-color);
}


.grid-threepillars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: ;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	text-align: left;
}
.grid-threepillars > div {
	display: flex;
	flex-direction: column;
}
.grid-threepillars h2 {
	color: #fff;
}
.grid-threepillars .card-1 {
	background-color: var(--secondary-color);
	padding: 30px;
	color: #fff;
}
.grid-threepillars .card-2 {
	background-color: var(--primary-color);
	padding: 30px;
	color: #fff;
}
.grid-threepillars .card-3 {
	background-color: #D4D4D4;
	padding: 30px;
	color: #000;
}
.grid-threepillars .card-3 h2 {

	color: #000;
}

.grid-threepillars ul {
	list-style-position: outside;
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	padding: 30px;
}
.grid-threepillars ul li { 
	font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 15px;
}
.grid-threepillars ul li::marker {
	content: '✓ ';
	font-size: 1.25em;
}

.grid-threepillars .card-1 a, .grid-threepillars .card-2 a, .grid-threepillars .card-3 a {
	 margin-top: auto;
}
.slider-quotes {
	margin-top: 60px;
}
.quote {
	text-align: center;
}
.quote p {
	color: var(--tertiary-color);
}







/* ========================================================================================================================================= Programs */

.row-program:nth-child(odd) {
	background-color: #F4F4F4;
}
.row-program:nth-child(even) {
	background-color: #fff;
}
.overview {
	padding-bottom: 60px;
}
.section-program {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}
.section-program h2 {
	color: var(--primary-color);
	font-size: 5em;
	line-height: .85em;
}
.section-program span {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;

}
.section-program span.buttonnote {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
    padding-left: 15px;
}
.program-image {
	margin-top: -100px;
}
.program-list {
	list-style-position: outside; /* Keeps bullets aligned correctly */
	text-align: left;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 30px;


} 
.program-list li {
	display: flex;
	align-items: center;
	height: 30px;
	font-size: 1.25em;
	background-image: url('../img/icon-checkoutline.svg');
	background-position: left center;
	background-size: 20px;
	padding-left: 30px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.stars li {
	background-image: url('../img/icon-star.svg');
}

.logomark {
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 1.25em;
	background-image: url('../img/icon-logomark.png');
	background-position: left center;
	background-size: 50px;
	padding-left: 60px;
	background-repeat: no-repeat;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.section-applynow {
	text-align: center;
	color: #fff;
}

.section-applynow h2 {
	color: var(--primary-color);
}
/* *====================================================== How to aply */

.section-howtoapply h2 {
	color: var(--primary-color);
	font-size: 5em;
	line-height: .85em;
}
.section-howtoapply .locations {

display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 0px;

}

.section-howtoapply ul li {
	font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.25em;
    line-height: 1.5em;
    margin-bottom: 15px;
    list-style-image: url(../img/icon-checkoutline.svg);
    list-style-position: inside;
}


.section-howtoapply .step {
	margin-bottom: 60px;
}



/* ========================================================================================================================================= TORCH Awards */

.row-gallery {
	background-color: #F4F4F4;
}
.section-torchabout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
}

.grid-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.grid-gallery .thumb {
	width: 100%;
	height: 250px;
	background-size: cover;
	background-position: center center;
}

.section-sponsors {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 0px;
	color: #fff;
}
.section-sponsors p > a {
	color: var(--primary-color);
	font-weight: bold;
	text-decoration: none;
}
.section-sponsors p > a:hover {
	color: var(--tertiary-color);
	font-weight: bold;
	text-decoration: none;
}
.column-logos {
	text-align: center;
}
.mainsponsor {
	max-width: 350px;
}
.grid-sponsors {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	color: #fff;
	margin-top: 60px;
}
.grid-sponsors .slogo {
	width: 100%;
	height: 100px;
	background-size: 200px;
	background-position: center center;
	background-repeat: no-repeat;
}




/* ========================================================================================================================================= GIVE */

.section-give {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	text-align: left;
	margin-top: 30px;
}
.section-give h2 {
	color: #fff;
}
.section-give > div {
    display: flex;
    flex-direction: column;
   
}
.section-give > div p {
    margin-bottom: 60px;
   
}
.section-give .card-1 {
	background-color: var(--secondary-color);
	padding: 30px;
	color: #fff;
}
.section-give .card-2 {
	background-color: var(--tertiary-color);
	padding: 30px;
	color: #fff;
}
.section-give .card-3 {
	background-color: var(--primary-color);
	padding: 30px;
	color: #fff;
}
.section-give .card-4 h2 {
	color: #000;
}
.section-give .card-4 {
	background-color: #D4D4D4;
	padding: 30px;
	color: #000;
}

.section-give .card-4 a, .section-give .card-2 a, .section-give .card-3 a {
	background-color: #000;
}
.section-give .card-1 a, .section-give .card-2 a, .section-give .card-3 a, .section-give .card-4 a {
	margin-top: auto;
}

.section-getinvolved .card-2 a, .section-getinvolved .card-3 a {
	background-color: #000;
}

.section-getinvolved .card-2 a:hover, .section-getinvolved .card-3 a:hover {
	background-color: var(--tertiary-color);
}

.interest-message {
	font-weight: bold;
}
/* ========================================================================================================================================= PARTNER WITH US */

.section-partner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: ;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	text-align: left;
	margin-top: 30px;
}
.section-partner h2 {
	color: #fff;
}

.section-partner > div {
	display: flex;
	flex-direction: column;
}
.section-partner > div p {
	margin-bottom: 60px;
}
.section-partner > div p.eyebrow {
	margin-bottom: 15px;
}

.section-partner .card-1 {
	background-color: var(--secondary-color);
	padding: 30px;
	color: #fff;
}
.section-partner .card-2 {
	background-color: var(--tertiary-color);
	padding: 30px;
	color: #fff;
}
.section-partner .card-3 {
	background-color: var(--primary-color);
	padding: 30px;
	color: #fff;
}

.section-partner .card-4 {
	background-color: #D4D4D4;
	padding: 30px;
	color: #000;
}
.section-partner .card-4 h2 {
	color: #000;
}

.section-partner .card-2 a, .section-partner .card-3 a, .section-partner .card-4 a {
	background-color: #000;
}
.section-partner .card-2 a:hover, .section-partner .card-3 a:hover, .section-partner .card-4 a:hover {
	background-color: var(--tertiary-color);
}


.section-partner .card-1 a, .section-partner .card-2 a, .section-partner .card-3 a, .section-partner .card-4 a {
	margin-top: auto;
}



/* ========================================================================================================================================= YP Board */


.grid-ypboard {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.grid-ypboard .card {
	background-color: var(--primary-color);
	padding: 15px;
	text-align: left;
	display: flex;
    flex-direction: column;
}

.grid-ypboard .card .headshot {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin-bottom: 30px;
    margin-top: 15px;
    background-position: center center;
    background-size: cover;
}

.grid-ypboard .card h3 {
  color: var(--secondary-color);
  font-size: 2.5em;
}
.grid-ypboard .card h4 {
  color: #fff;
  font-size: 1.25em;
    letter-spacing: 0px;
}

.grid-ypboard .card img {
 max-width: 30px;
}



/* ========================================================================================================================================= OUR TEAM */


.grid-ourteam {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.grid-ourteam .card {
	background-color: var(--secondary-color);
	padding: 15px;
	text-align: left;
	display: flex;
    flex-direction: column;
}

.grid-ourteam .card .headshot {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin-bottom: 30px;
    margin-top: 15px;
    background-position: center center;
    background-size: cover;
}

.grid-ourteam .card h3 {
  color: var(--primary-color);
  font-size: 2.5em;
}
.grid-ourteam .card h4 {
  color: #fff;
  font-size: 1.25em;
  letter-spacing: 0px;
  margin-bottom: 60px;
}

.grid-ourteam .card img {
 max-width: 30px;
}


.buttons-contact {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	margin-top: auto;
}

.buttons-contact .viewbio {
	color: var(--tertiary-color);
	text-decoration: none;
	font-size: 1.5em;
}
.buttons-contact .linkedin {
	text-align: right;
}




.grid-ourboard {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.grid-ourboard .card {
	background-color: var(--primary-color);
	padding: 15px;
	text-align: left;
	display: flex;
    flex-direction: column;
}

.grid-ourboard .card .headshot {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin-bottom: 30px;
    margin-top: 15px;
    background-position: center center;
    background-size: cover;
}

.grid-ourboard .card h3 {
  color: var(--secondary-color);
  font-size: 2.5em;
}
.grid-ourboard .card h4 {
  color: #fff;
  font-size: 1.25em;
  letter-spacing: 0px;
  margin-bottom: 60px;
}

.grid-ourboard .card img {
 max-width: 30px;
}
.row-black {
	background-color: var(--secondary-color);
}

.section-supporters {
	text-align: center;
}
.section-supporters h2 {
	color: var(--primary-color);
}
.section-supporters p {
	color: #fff;
}

.grid-supporters {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	margin-top: 60px;
}

.grid-supporters .card {
	height: 200px;
	background-color: #fff;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}


/* ========================================================================================================================================= FINANCIALS */


.icon {
	max-height: 60px;
	margin-bottom: 15px;
	
    width: fit-content;
}



/* ========================================================================================================================================= CAREERS */


.grid-careers {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 60px;
	
}


.grid-careers > div {
	display: flex;
	flex-direction: column;
}
.grid-careers .card a {
margin-top: auto;
}



.grid-careers .card h2 {
	color: var(--secondary-color);
}

/* ========================================================================================================================================= CONTACT */


.grid-contact {
display: grid;
grid-template-columns: 1fr 25%;
grid-template-rows: 1fr;
grid-column-gap: 60px;

	
}

.phone {
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 2em;
	line-height: 1.25em;
	background-image: url('../img/icon-phone.svg');
	background-position: left center;
	background-size: 50px;
	padding-left: 60px;
	background-repeat: no-repeat;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 60px;

}


.location {
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 2em;
	line-height: 1em;
	background-image: url('../img/icon-mappin.svg');
	background-position: left center;
	background-size: 40px;
	padding-left: 60px;
	background-repeat: no-repeat;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 60px;

}
.location a {
	text-decoration: none;
	color: var(--primary-color);
}

/* ========================================================================================================================================= NEWS ARTICLE */

.section-article a {
	text-decoration: none;
	font-weight: bold;
	color: var(--primary-color);
}

/* ========================================================================================================================================= PEOPLE BIO */
.section-bio {
	display: grid;
	grid-template-columns: 25% 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 15px;
}

.section-bio .headshot {
	width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin-bottom: 30px;
    margin-top: 15px;
    background-position: center center;
    background-size: cover;
    border: 15px solid #d4d4d4;
	
}
/* ========================================================================================================================================= NEWSLETTER */
.content-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-column-gap: 30px;
}

.row-partnershipcontent:nth-child(odd) {
	background-color: #f4f4f4;
}
.row-partnershipcontent h2 {
	color: var(--primary-color);
	
}
.row-partnershipcontent h3 {
	color: var(--primary-color);
	
}

.slider-photos  {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.slider-photos img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.slider-photos .slick-slide {
	overflow: hidden;
}

.slider-photos .slick-track {
	display: flex;
}


.video-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}



/* ========================================================================================================================================= PRIVACY POLICYY */
.row-privacy {
	padding-top: 60px;
	padding-bottom: 60px;
}
.row-privacy h2 {
	color: var(--primary-color);
}
.row-privacy h3 {
	color: var(--primary-color);
	font-size: 2em;
	margin-top: 30px;
	margin-bottom: 15px;
}

.copyright a {
	color: #fff;
}
/* ========================================================================================================================================= NEWSLETTER */
.newsletter-form *,
.newsletter-form *::before,
.newsletter-form *::after {
	box-sizing: border-box;
}
.section-newsletter {
	color: #fff;
}
.section-newsletter h1 {
	color: #fff;
}
.newsletter-form {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(200px, 1fr) minmax(200px, 1fr) 174px;
  gap: 14px;
  align-items: end;

}

.newsletter-form label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.newsletter-form input,
.newsletter-form button {
  height: 74px;
  border: 0;
  border-radius: 0;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
}

.newsletter-form input {
  width: 100%;
  background: #f7f7f7;
  padding: 0 19px;
  color: #111;
}

.newsletter-form input::placeholder {
  color: #b8b8b8;
  opacity: 1;
}

.newsletter-form button {
  background: #111;
  color: #fff;
  padding: 0 28px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease;
}

.newsletter-form button:hover {
  background: #000;
}

@media (max-width: 1000px) {
  .newsletter-form {
    grid-template-columns: 1fr 1fr;
  }

  .newsletter-form button {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .newsletter-form {
    grid-template-columns: 1fr;
  }

  .newsletter-form button {
    grid-column: auto;
    width: 100%;
  }
}
/* ========================================================================================================================================= FOOTER */
footer {
    background-color: var(--secondary-color);
    text-align: center;
    padding-top: 30px;
}


.nav-footer {
	width: 100%;

	padding-bottom: 60px;
	  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  
}

.nav-footer > li {
	display: inline-block;
	color: #fff;
	font-size: 1.75em;
	padding-left: 15px;
	padding-right: 15px;
}

.nav-footer li ul li a {
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	color: var(--primary-color);
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;

}

.nav-footer li ul li a:hover {

	color: var(--tertiary-color);


}

.nav-footer li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.footer-address {
	color: #fff;
	margin-top: 60px;
	margin-bottom: 60px;
}



.socials {
margin-bottom: 60px;
}
.socials img {
	width: 85%;
}
.footer-logo {
	width: 225px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	margin-top: 30px;
}
.footer-logo img {
	width: 100%;
}


.socials li {
	display: inline-block;
	
}
footer h4 {
	color: var(--primary-color);
}

.links-footer  {
	padding: 15px;
	background-color: #1B3655;
	border-radius: 7px 7px 0px 0px;
	width: 170px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1em;
	letter-spacing: 3px;
	font-weight: bold;
}
.links-footer a {
	color: #fff;
}
.copyright {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.37);
	padding: 15px;
	text-align: center;
	
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}


.footer-awards {
	max-width: 125px;
	margin: auto;
	margin-bottom: 60px;
}

.footer-awards img {
	width: 100%;
}


















/* Smartphones (portrait and landscape) ------------------------------------------------------------------------ */
@media  (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
.row-header {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 15px;
    text-align: left;
}

.nav-top {
	display: none;
}
.nav-mobile {
	display: block;
}
.hero-home {
    background-size: cover;
    background-position: left;
}



.mobile-menu-logo {
    text-align: center;
    margin: auto;
    width: 100px;
    margin-bottom: 15px;
}

.nav-footer li {
    display: block;
    color: #fff;
    font-size: 1em;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
}


footer  img {
	width: 200px;
}

.hero-intro {
	background-color: var(--secondary-color);
	color: #fff;
	padding-top: 30px;
	padding-bottom: 60px;
}
.hero-intro p {
	font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 30px;
}

.section-howcycworks, .section-afellowstory {

	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 30px;
}

.grid-journey, .section-getinvolved, .grid-newsfeed, .section-whytheygive, .grid-360support, .section-campus, .grid-threepillars, .section-give, .section-torchabout, .grid-gallery, .section-sponsors, .section-program, .grid-ypboard, .section-partner, .grid-ourteam, .grid-ourboard, .grid-careers, .grid-contact {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}



.nav-footer {
    display: block;
}

.nav-footer > li {
    display: block;
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 30px;
}

.nav-footer li ul li {
    display: block;
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 0px;
    line-height: .75em;
}

.row-slider {
	overflow: hidden;
}

.hero-content h1 {
    display: inline-block;
    width: fit-content;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.08em 0.08em 0.00em 0.08em;
    font-size: 3rem;
}

.internal-intro .container p {
    font-size: 1.25em;
}
.internal-intro .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.grid-list {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    list-style-position: outside;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    margin-top: 60px;
    margin-bottom: 60px;
}

.grid-list li {
    
    height: 40px;
    font-size: 1.25em;
    background-size: 40px;
    padding-left: 60px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.section-program h2 {
    font-size: 4em;
}
.program-image {
    margin-top: 0px;
}


.grid-supporters {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 60px;
}


.section-bio {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 15px;
}

.section-bio .headshot {
	width: 80%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #d6d6d6;
    margin-bottom: 30px;
    margin-top: 15px;
    background-position: center center;
    background-size: cover;
    border: 15px solid #d4d4d4;
    margin-left: auto;
    margin-right: auto;
	
}
.hero-content h2 {

    font-size: 2rem;
}
.program-list li {

    height: 45px;


}


.nav-top-mobile li  {
    font-size: 2em;
    padding: 5px;
}

.nav-top-mobile li ul li {
    font-size: .75em;
        padding: 5px;
}


.nav-top-mobile li ul li a {
	font-size: 18px;
	
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;

}


/* End Styles */
}





/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-device-width : 480px) {
/* Styles */

/* End Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */



/* End Styles */
}


 
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {



/* Styles */
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */





}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {





/* Styles */
}







/* Desktops and laptops ----------- */
@media only screen 
and (max-height : 800px) {


	
	
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */


}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  .search-module, .full-bar-nav, .where, #crumbs, .brochure, .social-set, #footernav, .nav-sticky, .noprint { display: none !important; }
  .logo-purple-print, .logo-ngyp-print { display: inline !important; }
  .header { height: 90px !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }