* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.38 'Open Sans';
  color: rgb(51, 51, 51);
}
/* Add this to your CSS file */
.centered-container {
  width: 80%; /* Adjust this to match the current width of your content */
  max-width: 1200px; /* Optional: Set a max-width for larger screens */
  margin: 0 auto; /* Centers the container horizontally */
}
/* NEW */
sup { line-height: 0; font-size: 75%; }
.bcs-container {
  float: right;
  width: 327px;
  height: auto;
  margin: 1px 10% 0 0;
}

.creater {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  background-color: rgb(222, 222, 222);
}

.designer {
  display: block;
  float: left;
  padding: 5px 8px;
  font: 400 0.675em/1 Helvetica;
  color: rgb(77, 77, 77);
}

.line {
  position: absolute;
  top: 14px;
  right: 0;
  z-index: 3;
  width: 100%;
  background-color: rgb(195, 195, 195);
}

.website {
  display: block;
  float: left;
  margin-left: 3.48142%;
  padding: 5px 7px;
  font: 400 0.675em/1 Helvetica;
  color: rgb(77, 77, 77);
}

.designer:hover,
.website:hover {
  color: rgb(51,51,51);
}

@media(max-width: 410px) {
  .bcs-container .designer,
  .bcs-container .website {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .line .bcs-container {
    width: 80%;
    height: auto;
    margin-top: 0;
    color: blue;
  }
}

/* NEWEND */

.financial,
.letter-from-the-president {
}

.auto {
  display: inline-block;
  width: auto;
  padding-left: 12px;
/*   padding: 12px 12px 12px 12px; */
  background-color: white;
  margin-right: auto;
  margin-left: auto;
}

.auto .link {
  float: left;
  font-size: 1.25em;
  font-weight: 300;
 
}

.awards .container {
  position: relative;
  float: right;
  z-index: 25;
  width: 52.8111979166%;
  margin: 256px 10% 0 0;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}

.bg {
  position: absolute;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 660px;
  text-shadow: 7px 5px 0 rgba(0, 0, 0, .5);
  font-size: 12.188em;
  font-weight: 400;
  line-height: 0.97;
  text-transform: uppercase;
  color: rgb(1, 92, 102);
}

.checkmark {
  display: block;
  float: left;
  width: 385px;
  height: auto;
  margin: 7px 0 0 4.31641%;
  overflow: hidden;
}

.container .link {
  float: right;
  clear: both;
  font-size: 1em;
  font-weight: 400;
  text-align: right;
  color: rgb(90, 90, 90);
}

.container .link:hover {
  color: rgb(0, 97, 108);
}

.dave {
  display: block;
  height: auto;
  overflow: hidden;
}

.description {
  float: left;
  clear: both;
  width: 99.8944460664%;
  min-height: 134px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(51,51,51);
  
}

.description-auto {
  float: left;
  clear: both;
  width: 80%;
/*   min-height: 10px; */
padding-bottom: 10px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(51,51,51);
  font: 700 1em/1.38 'Open Sans';
}

.description-10 p,
.description-11 p,
.description-2 p,
.description-3 p,
.description-6 p,
.description-7 p,
.description-8 p,
.description-9 p {
  margin-bottom: 1em;
}

.expence,
.income {
  margin-right: auto;
  margin-left: auto;
}

.expence .expence {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 28px;
  overflow: hidden;
}

.finance {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 45px;
text-align: center; /* Center the heading */
  margin-bottom: 150px; /* Add spacing below the heading */
}

.finances {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  font: 700 5.375em/1.38 'Open Sans Condensed';
  text-align: center;
  color: rgb(51,51,51);
}

.financial .container {
  float: left;
  width: 52.8111979166%;
  margin: 142px 0 0 10.1237%;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}
/* Graph */
.graph {
  min-height: 48px;
  margin: 0 auto;
  font: 300 1.875em/1.38 Oswald;
  text-align: center;
  color: rgb(51,51,51);
}

.graphs {
  width: 80%;
  margin: 229px auto 0;
}

/* Financial Content */
.financial-content {
  width: 778px; /* Same width as .container-23 */
  margin: 0 auto; /* Center the container */
  padding: 20px; /* Optional: Add padding for spacing */
	margin-bottom: 25px;
}
.home {
  float: left;
}

.home .home {
  display: block;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.38;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(39, 157, 201);
  white-space: nowrap;
}

.home .home:hover {
  text-decoration: underline;
}

.image {
  display: block;
  height: auto;
  overflow: hidden;
}

}
.income .income {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}

.link {
  display: block;
  line-height: 1.38;
}

.link:hover {
  text-decoration: underline;
}

.logo .logo {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.menu {
  float: left;
  width: 80%;
  height: auto;
  margin: 23px 0 20px 10%;
  
}

.mission .container {
  float: left;
  width: 52.80078125%;
  margin: 18px 0 0 0.79818%;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}

.president {
  position: relative;
  width: 100%;
  background-color: #f1f1f2;
}

.president .container {
  padding-right: 14px;
  padding-left: 14px;
}

.president .image {
  position: absolute;
  top: 54px;
/*   right: 17.3333333333%; */
  right: 10%;

  z-index: 8;
  width: 320px;
}

.research {
  width: 100%;
  margin: 0 auto;
  background-color: #cd9527;
}

.research .container {
  float: left;
  width: 52.8111979166%;
  margin: 145px 0 0 3.02214%;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}

.research .image {
  float: left;
  width: 262px;
  margin: 43px 0 0 12.33073%;
}

.awards .link,
.financial .link,
.mission .link,
.research .link,
.volunteer .link,
.workshop .link {
/*   min-height: 51px; */
  padding-top: 19px;
  padding-left: 5px;
}

.storybg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  min-height: 138px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 53, 96);
}
/*
.support.container {
  background-color: (90, 90, 90); /* Ensure the background is gray 
  padding: 20px 0; /* Add equal padding above and below the text 
  margin: 0; /* Center the container horizontally 
  display: -webkit-box; /* Old Safari, iOS, Android 
  display: -moz-box; /* Old Firefox 
  display: -ms-flexbox; /* IE 10 
  display: -webkit-flex; /* Chrome, Safari 
  display: flex; /* Modern browsers 
  justify-content: center; /* Center horizontally 
  align-items: center; /* Center vertically 
  height: 100px; /* Set a fixed height (adjust as needed) 
  width: 100%; /* Ensure the container takes full width 
}*/


.volunteer .container {
  position: relative;
  float: left;
  z-index: 19;
  width: 52.8111979166%;
  margin: 142px 0 0 10.1237%;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}

.workshop .container {
  float: left;
  width: 52.8111979166%;
  margin: 145px 0 0 37.17839%;
  padding: 14px 14px 32px;
  background-color: rgb(241, 241, 242);
}

._button {
  display: block;
  height: 56px;
  margin: 92px auto 0;
  padding-right: 63px;
  padding-bottom: 5px;
  padding-left: 63px;
  border: 2px solid rgb(241, 241, 242);
  border-radius: 4px;
  background-color: rgb(90, 90, 90);
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.38;
  text-align: center;
  color: rgb(241, 241, 242);
}

._button:hover {
  border: 8px double rgb(90, 90, 90);
  border-radius: 14px;
  background-color: rgb(241, 241, 242);
  color: rgb(90, 90, 90);
  opacity: 1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s; /* Safari, Chrome */
  -moz-transition: all .3s; /* Firefox */
  -o-transition: all .3s; /* Opera */
  transition: all .3s; /* Modern browsers */
}

._container {
  width: 100%;
  background-color: rgb(241, 241, 242);
}

._text {
  float: left;
  padding-bottom: 10px;
  line-height: 1.38;
}
p {
  margin: 0 0 1em; /* Add default margin for paragraphs */
  font-size: 1em; /* Set font size */
  line-height: 1.5; /* Set line height */
  color: rgb(51, 51, 51); /* Set text color */
}
/* Center the container */
.container.text.container-33 {
  text-align:left; /* Center the text horizontally */
	  margin: 0;
  padding: 0;
}
/* Center the "Donate" link */
.donate-link {
  text-align: center; /* Center the link horizontally */
  margin-top: 10px; /* Add spacing above the "Donate" link */
}

.donate-link a.donate-text {
  display: inline-block; /* Ensure the link behaves like a block for centering */
  color: white; /* Set text color to white */
  font-size: 1.5em; /* Adjust font size if needed */
  font-weight: 600; /* Adjust font weight if needed */
  text-decoration: none; /* Remove underline */
}

.donate-link a.donate-text:hover {
  text-decoration: underline;); /* Add underline on hover */
}
.president ._text {
  width: 100%;
  font-size: 1.875em;
  font-weight: 300;
  color: rgb(51, 51, 51);
}

.awards ._text,
.financial ._text,
.mission ._text,
.research ._text,
.volunteer ._text,
.workshop ._text {
  width: 100%;
  min-height: 48px;
  font-size: 1.875em;
  font-weight: 300;
  color: rgb(51, 51, 51);
}
/*
.support.container a._text {
    color: white;  Ensure the text color is visible 
    font-size: 1.5em; /* Adjust font size if needed
    font-weight: 600; /* Center the text 
	align-content: center;
    display: block; /* Ensure the link takes up the full width 
    padding: 10px 20px; /* Add padding to the link for better spacing 
}*/
.awards-1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: rgb(0, 97, 108);
  overflow: hidden;
}

.container-2 {
  position: absolute;
/*   bottom: 42px; */
  left: 9.96875%;
  z-index: 41;
  width: 49.76171875%;
}

.container-22 {
  position: relative;
  float: left;
  z-index: 7;
  width: 52.83125%;
  margin: 100px 0 0 9.96875%;
  padding-top: 14px;
  padding-bottom: 32px;
}

.container-23 {
  float: none;
 width: 52.83125%;
  margin: 100px 0 0 9.96875%;
  padding-top: 14px;
  padding-bottom: 32px;
}
.container.text.container-23.clearfix {
  float: none; /* Remove float */
  width: 52.83125%;
/*   margin: 179px 0 0 9.96875%; */
  margin: 100px 0 0 9.96875%;
  padding-top: 14px;
  padding-bottom: 32px;
 
}
.centered-container {
  float: none; /* Remove float */
  display: flex; /* Use Flexbox for centering */
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
  width: 778px; /* Fixed width */
  height: 2932px; /* Fixed height */
  margin: 0 auto; /* Centers the container horizontally */
  padding: 20px; /* Optional: Add padding for spacing inside the container */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}
.container-24,
.container-26 {
  float: left;
  clear: both;
  width: 52.83125%;
  margin: 54px 0 0 10%;
  padding-top: 14px;
  padding-bottom: 32px;
}

.dave-1 {
  float: right;
  width: 314px;
  margin: 36px 10% 0 0;
}

.dave-2 {
  position: absolute;
  top: 43px;
  left: 67%;
  z-index: 8;
  width: 326px;
	max-width: 100%; /* Ensure the image doesn't overflow its container */
  height: auto; /* Maintain aspect ratio */
}

.description-1 {
  padding-bottom: 14px;
}

.description-11,
.description-7,
.description-8,
.description-9 {
  padding-bottom: 34px;
}

.expence-1,
.expence-3 {
  width: 55%;
  margin-top: 31px;
}

.finances-1 {
  z-index: 15;
}

.finances-2 {
  z-index: 11;
}

.financial-1 {
  width: 100%;
  margin: 0 auto;
  background: url('../images/FinancialBG.png') rgb(241, 241, 242);
/*   background-size: contain; */
  background-position: bottom center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.financial-2 {
/*
  width: 100%;
  margin: 0 auto;
*/
  background: /* url('../images/FinancialBG.png') */ #2196a0;
/*   background-size: contain; */
/*
  background-position: bottom center;
  background-attachment: scroll;
  background-repeat: no-repeat;
*/
}

.padding{
padding-bottom: 42px;
}

.white-background{
background-color: rgb(241, 241, 242);
margin: 18px 0 0 0.79818%;
padding: 14px 14px 32px;
float: right;
position: absolute;
bottom: 0px !important;
left: 9.96875%;
z-index: 41;
width: 49.76171875%;
}

.financial-bar {
  width: 100%;
  margin: 0 auto;
  background: url('../images/FinancialBGbar.png') rgb(241, 241, 242);
  background-size: contain;
  background-position: bottom center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.home-10,
.home-4,
.home-6,
.home-9 {
  font-family: Oswald;
}

.home-1,
.home-3,
.home-5,
.home-7,
.home-8 {
  width: 4.4555042066%;
  height: 27px;
}

.image-1 {
  width: 1000px;
  margin: 42px auto 0;
}

.image-2 {
  float: left;
  width: 446px;
  margin: 8px 0 0 17.26172%;
}

.image-3,
.image-4,
.image-5 {
  float: left;
  width: 446px;
  margin: 8px 0 0 17.23568%;
}

.income-1,
.income-3 {
  width: 45%;
}

.index-1 {
	width: 100%;
	height: auto;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	background-color: rgba(255,255,255,1.00);
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: normal;
}


@media(max-width: 40em) {

/*.index-1 {
  height: 0px;
}
*/
.fade{
display: none;
}

}

.index-2 {
  width: 100%;
  height: 71px;
  margin: 0 auto;
  background-color: rgb(222, 222, 222);
  overflow: scroll;
}

.index-4 {
  float: left;
  clear: both;
  width: 100%;
  height: 71px;
  background-color: rgb(241, 241, 242);
  overflow: scroll;
}

.index-3,
.index-5 {
  float: left;
  clear: both;
  width: 100%;
  height: 71px;
  background-color: rgb(222, 222, 222);
  overflow: scroll;
}

.link-10,
.link-6,
.link-8,
.link-9 {
  font-family: Oswald;
}

.link-12,
.link-13,
.link-14,
.link-16 {
  margin-right: 0.00774%;
}

.link-2 {
  margin-right: 0.01373%;
}

.logo-1 {
  position: relative;
  width: 100%;
  height: 265px;
  margin: 0 auto;
  background-image: url('../images/aftermath-logo_long.png');
  background-repeat:no-repeat;
  background-size: 1400px auto;
  background-position: center center;
  overflow: hidden;
}

.logo-2 {
  float: left;
  width: 25.5989583333%;
  margin-left: 10%;
  border-right: 3px solid rgb(241, 241, 242);
  border-bottom: 3px solid rgb(241, 241, 242);
  border-left: 3px solid rgb(241, 241, 242);
}

.logo-4,
.logo-6,
.logo-7 {
  float: left;
  width: 25.5989583333%;
  margin-left: 9.9987%;
  border-right: 3px solid rgb(241, 241, 242);
  border-bottom: 3px solid rgb(241, 241, 242);
  border-left: 3px solid rgb(241, 241, 242);
}

.mission-1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 54px;
  background-color: rgb(0, 97, 108);
}

.president-1 {
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 46px;
}

.Support-padding {
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 0px;
}

.president-2 {
  margin: 0 auto;
  padding-bottom: 100px;
}

.president-3,
.president-4,
.president-5 {
  float: left;
  clear: both;

  padding-bottom: -10px;background-image:url("gplaypattern.png");
	margin-bottom: 20px;
}

.support-2,
.support-3 {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 63px;
  background-color: rgb(90, 90, 90);
}

.support-1,
.support-4 {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 63px;
  background-color: rgb(51, 51, 51);
}

.volunteer-1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: none rgb(0, 63, 108);
  background-size: cover;
  background-position: left top;
  overflow: hidden;
}

.workshop-1 {
  width: 100%;
  margin: 0 auto;
  background: url('../images/Jill%20-%20Workshop.jpg') rgb(241, 241, 242);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

._container-1 {
  margin: 0 auto;
  padding-bottom: 43px;
  border-bottom: 6px solid rgb(41, 176, 193);background-image:url("gplaypattern.png");
}

._container-2 {
  margin: 0 auto;
  padding-bottom: 50px;
}

._container-3,
._container-4,
._container-5 {
  float: left;
	
}

.container ._text-11,
.container ._text-7,
.container ._text-8
.container ._text-9 {
  font-family: Oswald;
}

.description a {
  text-decoration: underline;
}

.description span {
  font-style: normal;
  font-weight: 700;
}

.description strong {
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
}

@media(max-width: 1050px) {
  .awards .container {
    position: relative;
    z-index: 25;
  }

  ._container .image-1,
  .expence .expence,
  .income .income,
  .logo .logo {
    height: auto;
  }

  .finace .finances {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .financial .container {
    margin-left: 10.12054%;
  }

  .home .home {
    margin-left: -0.13298%;
  }

  .index .menu {
    width: 80%;
    height: auto;
/*     margin-left: 4.09524%; */
  }

  .mission .checkmark {
    height: auto;
    margin-left: 4.31548%;
  }

  .mission .container {
    margin-left: 0.79762%;
  }

  .president .dave {
    height: auto;
  }

  .president .graphs {
    width: 84.8229166666%;
  }

  .president .image {
    top: 114px;
    right: 15.2%;
    height: auto;
  }

  .research .container {
    margin-left: 3.01935%;
  }

  .research .image {
    height: auto;
    margin-left: 12.33036%;
  }

  .volunteer .container {
    position: relative;
    z-index: 19;
    margin-left: 10.12054%;
  }

  .workshop .container {
    margin-left: 37.1756%;
  }

  .container .link-12,
  .container .link-13,
  .container .link-14,
  .container .link-16 {
    margin-right: 0.00934%;
  }

  .container .link-2 {
    margin-right: 0.01264%;
  }

  .finace .finances-2 {
    width: 66.3551401869%;
    font-size: 4.125em;
  }

  .graphs .expence-1,
  .graphs .expence-3 {
    width: 58.8103254769%;
    margin-top: 164px;
  }

  .graphs .income-1,
  .graphs .income-3 {
    margin-top: 26px;
  }

  .menu .home-1,
  .menu .home-3,
  .menu .home-5,
  .menu .home-7,
  .menu .home-8 {
    width: auto;
/*     margin-left: 5%; */
  }

  .president .container-2 {
    position: absolute;
    float: left;
    margin-top: 0px;
/*
    margin-left: 9.96875%;
    width: 46%;
*/
  }

  .president .container-22 {
    position: relative;
    z-index: 7;
    width: 66.4008928571%;
    margin-top: 334px;
    margin-left: 16.79911%;
  }

  .president .container-23 {
    width: 66.4008928571%;
    margin-top: 334px;
    margin-left: 16.79911%;
  }

  .president .container-24,
  .president .container-26 {
    width: 66.4008928571%;
    margin-left: 16.79911%;
  }

  .president .dave-1 {
    width: 258px;
    margin-top: 0px;
  }

 .president .dave-2 {
    position: static; /* Reset absolute positioning */
    display: block; /* Ensure the image behaves like a block element */
    width: 100%; /* Make the image full width */
    margin: 20px auto; /* Center the image and add spacing */
    top: auto; /* Reset top positioning */
    left: auto; /* Reset left positioning */
    right: auto; /* Reset right positioning */
  }


  .president-2 {
    margin-top: 29px;
  }

  .president-5 {
    margin-top: 0px;
  }

  ._container .image-2,
  ._container .image-3,
  ._container .image-4,
  ._container .image-5 {
    height: auto;
    margin-left: 17.22917%;
  }

  ._container .logo-2,
  ._container .logo-4,
  ._container .logo-6,
  ._container .logo-7 {
    margin-left: 9.99554%;
  }

  ._container-2,
  ._container-3,
  ._container-4,
  ._container-5 {
    position: relative;
  }
}

@media(max-width: 950px) {
  body {
    font-size: 1em;
  }

  .awards .container {
    position: relative;
    z-index: 25;
  }

  ._container .image-1,
  .expence .expence,
  .income .income,
  .logo .logo {
    height: auto;
  }

  .finace .finances {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .financial .container {
    margin-left: 10.12336%;
  }

  .index .menu {
    width: 85.6924342105%;
    margin-left: 10%;
  }

  .mission .checkmark {
    width: 305px;
    height: auto;
    margin-left: 4.31579%;
  }

  .mission .container {
    margin-left: 9.21875%;
  }

  .president .dave {
    height: auto;
  }

  .president .graphs {
    width: 84.8108552631%;
/*     margin-top: 163px; */
  }

  .president .image {
    top: 53px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .research .container {
    margin-left: 6.5065799999%;
  }

  .research .image {
    width: 229px;
    height: auto;
    margin-left: 12.31579%;
  }

  .volunteer .container {
    position: relative;
    z-index: 19;
    margin-left: 10.12336%;
  }

  .workshop .container {
    margin-left: 37.17763%;
  }

  .container .link-12,
  .container .link-13,
  .container .link-14,
  .container .link-16 {
    margin-right: 0.01037%;
  }

  .container .link-2 {
    margin-right: 0.0075%;
  }

  .graphs .expence-1,
  .graphs .expence-3 {
    width: 58.8089330024%;
    margin-top: 457px;
  }

  .graphs .income-1,
  .graphs .income-3 {
    float: left;
    margin-right: 0;
    margin-left: 27.49152%;
  }

  .menu .home-1,
  .menu .home-3,
  .menu .home-5,
  .menu .home-7,
  .menu .home-8 {
/*     width: 5.7734016621%; */
/*     margin-left: 6.87895%; */
  }

  .president .container-2 {
    position: static;
    width: 46%;
    margin-top: 0;
    margin-left: 10%;
  }

  .president .container-22 {
    position: relative;
    z-index: 7;
    margin-top: 320px;
    margin-left: 16.7977%;
  }

  .president .container-23 {
    margin-top: 320px;
    margin-left: 16.7977%;
  }

  .president .container-24,
  .president .container-26 {
    margin-top: 43px;
    margin-left: 16.7977%;
  }

  .president .dave-1 {
    margin-top: 0;
    margin-right: 10.04112%;
  }

  .president .dave-2 {
    top: 42px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .president-4,
  .president-5 {
    margin-top: 0px;
  }

  ._container .image-4 {
    float: none;
    width: 66.3157894736%;
    height: auto;
    margin-top: 171px;
    margin-right: auto;
    margin-left: auto;
  }

  ._container .image-2,
  ._container .image-3,
  ._container .image-5 {
    width: 66.3157894736%;
    height: auto;
    margin-top: 176px;
    margin-left: 16.7977%;
  }

  ._container .logo-2,
  ._container .logo-4,
  ._container .logo-6,
  ._container .logo-7 {
    position: absolute;
    float: none;
    left: 0;
    right: 0;
    width: 238px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 800px) {
  .awards .container {
    position: relative;
    z-index: 25;
    width: 80%;
  }

  ._container .image-1,
  ._container .image-4,
  .expence .expence,
  .income .income,
  .logo .logo {
    height: auto;
  }

  ._container .logo-2,
  ._container .logo-4,
  ._container .logo-6,
  ._container .logo-7,
  .finace .finances {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .home .home {
    margin-left: -0.06649%;
  }

  .index .menu {
    width: 87.49609375%;
/*     margin-left: 4.125%; */
  }

  .mission .checkmark {
    float: none;
    width: 294px;
    height: auto;
    margin-top: -19px;
    margin-right: auto;
    margin-left: auto;
  }

  .mission .container {
    clear: both;
    width: 80%;
    margin-top: 44px;
    margin-left: 10%;
  }

  .president .dave {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .president .image {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .research .container {
    clear: both;
    width: 80%;
    margin-top: 41px;
    margin-left: 10%;
  }

  .research .image {
    float: none;
    height: auto;
    margin-top: 41px;
    margin-right: auto;
    margin-left: auto;
  }

  .support .container {
    margin-left: 100%;
  }

  .volunteer .container {
    position: relative;
    z-index: 19;
    width: 80%;
    margin-left: 10%;
  }

  .financial .container,
  .workshop .container {
    width: 80%;
    margin-left: 10%;
  }

  .container .link-12,
  .container .link-13,
  .container .link-14,
  .container .link-16 {
    margin-right: 0.00932%;
  }

  .container .link-2 {
    margin-right: 0.00766%;
  }

  .graphs .income-1,
  .graphs .income-3 {
    margin-left: 27.49004%;
  }

  .menu .home-1,
  .menu .home-3,
  .menu .home-5,
  .menu .home-7,
  .menu .home-8 {
    width: auto;
/*     margin-left: 6.71459%; */
  }

  .president .container-2 {
    width: 80%;
    margin-top: 253px;
  }

  .president .container-22 {
    position: relative;
    z-index: 7;
    margin-left: 16.79688%;
  }

  .president .container-23,
  .president .container-24,
  .president .container-26 {
    margin-left: 16.79688%;
  }

  .president .dave-1 {
    position: absolute;
    float: none;
    top: 29px;
    width: 224px;
  }

  ._container .image-2,
  ._container .image-3,
  ._container .image-5 {
    height: auto;
    margin-left: 16.79688%;
  }
}

@media(max-width: 749px) {
  body {
    font-size: 1em;
  }

  .expence .expence,
  .income .income,
  .logo .logo {
    height: auto;
  }

  .finace .finances {
    position: static;
    line-height: 1.18;
  }

  .graphs .income-1,
  .graphs .income-3,
  .president .finace {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .president .graphs {
    width: 84.779706275%;
    margin-top: 5px;
  }

  .president .image {
    top: 42px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .container .link-12,
  .container .link-13,
  .container .link-14,
  .container .link-16 {
    margin-right: 0.00821%;
  }

  .finace .finances-1 {
    width: 66.3551401869%;
    font-size: 4.125em;
  }

  .graphs .expence-1,
  .graphs .expence-3 {
    width: 58.8976377952%;
    margin-top: 53px;
  }

  .home .home-10,
  .home .home-4,
  .home .home-6,
  .home .home-9 {
    margin-left: 0;
  }

  .index .menu-2,
  .index .menu-3,
  .index .menu-4,
  .index .menu-5 {
/*     margin-left: 4.12425%; */
  }

  .menu .home-3,
  .menu .home-5,
  .menu .home-7,
  .menu .home-8 {
/*     margin-left: 6.71165%; */
  }

  .president .container-22 {
    position: relative;
    z-index: 7;
    width: 80.0012516688%;
    margin-top: 351px;
    margin-left: 9.99875%;
  }

  .president .container-23 {
    width: 80.0012516688%;
    margin-top: 351px;
    margin-left: 9.99875%;
  }

  .president .container-24,
  .president .container-26 {
    width: 80.0012516688%;
    margin-top: 30px;
    margin-left: 9.99875%;
  }

  .president .dave-2 {
    top: 52px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .president-2 {
    margin-top: 0;
  }

  .support .container-31,
  .support .container-32,
  .support .container-33 {
    margin-left: 9.9945799999%;
	  margin: 0;
  padding: 0;
	  
  }

  ._container .image-4 {
    height: auto;
    margin-top: 176px;
  }

  ._container .image-2,
  ._container .image-3,
  ._container .image-5 {
    height: auto;
    margin-left: 16.7974%;
  }

  ._container .logo-2,
  ._container .logo-4,
  ._container .logo-6,
  ._container .logo-7 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 500px) {
  .awards .container {
    position: relative;
    z-index: 25;
  }

  ._container .image-4,
  .expence .expence,
  .income .income,
  .logo .logo,
  .mission .checkmark,
  .research .image {
    height: auto;
  }

  .index .menu {
    width: 72.365625%;
    height: auto;
/*     margin-left: 4.2%; */
  }

  .president .dave,
  .president .image {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .president .link {
    margin-right: 0;
    padding-bottom: 60px;
  }

  .research .description {
    display: none;
    position: relative;
    z-index: 5;
  }

  .research .link {
    position: relative;
    z-index: 4;
  }

  .president .container-23,
  .president .container-24,
  .president .container-26,
  .support .container {
    margin-left: 9.99688%;
  }

  .volunteer .container {
    position: relative;
    z-index: 19;
  }

  .awards .description,
  .financial .description,
  .mission .description,
  .volunteer .description,
  .workshop .description {
    display: none;
    margin-top: 41px;
  }

  .container ._button {
    margin-top: 125px;
  }

  .awards ._text,
  .financial ._text,
  .mission ._text,
  .research ._text,
  .volunteer ._text,
  .workshop ._text {
    width: 100%;
  }

  .container .description-1 {
    display: none;
    position: relative;
    z-index: 33;
    margin-top: 16px;
  }

  .container .link-2 {
    position: relative;
    z-index: 32;
  }

  .finace .finances-2 {
    width: 80%;
    font-size: 2.813em;
  }

  .home .home-2 {
    margin-left: 0;
  }

  .logo-1 {
    height: 145px;
  }

  .menu .home-1,
  .menu .home-3,
  .menu .home-5,
  .menu .home-7,
  .menu .home-8 {
/*     width: auto%; */
/*     margin-left: 8.01486%; */
  }

  .president .container-2 {
    margin-top: 260px;
  }

  .president .container-22 {
    position: relative;
    z-index: 7;
    margin-left: 9.99688%;
  }

  .president-2 {
    margin-top: 79px;
  }

  ._container .image-1 {
    width: 88%;
    height: auto;
    margin-top: 54px;
  }

  ._container .image-2,
  ._container .image-3,
  ._container .image-5 {
    height: auto;
    margin-left: 16.79688%;
  }

  ._container .logo-2,
  ._container .logo-4,
  ._container .logo-6,
  ._container .logo-7 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
	ul {
      list-style-type: square;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }
	
    
    li {
      float: left;
    }
    
    li a {
      display: block;
      color:blue;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    li a:hover {
      background-color: #111;
    }

  .container /* ._text-1 */ {
    padding-bottom: 0;
  }
}
  .orderd-list{
list-style: decimal !important; 
margin-left: 4%;
margin-top: 0.5em;}

.unorderd-list{
list-style: circle !important; 
margin-left: 4%;
margin-top: 0.5em;}

  .link-colour{
text-decoration: none !important;
color: rgb(90, 90, 90);

  }
    .link-colour:hover{
text-decoration: underline !important;
color: #343434;

  }
    .link-colour2{
text-decoration: none !important;
text-decoration: underline !important;
color: rgb(90, 90, 90);

  }
    .link-colour2:hover{
text-decoration: underline !important;
color: #343434;

  }
  
  /* Flexbox container for centering 
.support-content {
  display: flex;
  flex-direction: column; Stack items vertically 
  align-items: center; /* Center items horizontally 
  gap: 10px; /* Add spacing between items 
	 margin: 0; /* Remove default margin
  padding: 0; /* Remove default padding
}*/

/* Style for the "Donate" text */
.donate-text {
  color: white; /* Set text color to white */
  font-size: 1.5em; /* Adjust font size if needed */
  font-weight: 600; /* Adjust font weight if needed */
  margin: 0; /* Remove default margin */
}
  
  
  .fade {
  position: absolute;
  /* float: right; */
/*   top: 0; */
right: 0;
  z-index: 52;
  width: 15.1992187499%;
  height: 71px;
  height: 71px;
margin-top: 0px;
margin-right: 0px;
  background: rgb(255, 255, 255);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) rgba(222, 222, 222, 0);
  background:    -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) rgba(222, 222, 222, 0);
  background:      -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) rgba(222, 222, 222, 0);
  background:     -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) rgba(222, 222, 222, 0);
  background: -webkit-linear-gradient(450deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Safari 5.1-6 */
  background: -o-linear-gradient(450deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Opera 11.1-12 */
  background: -moz-linear-gradient(450deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Firefox 3.6-15 */
  background: linear-gradient(450deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Modern browsers */
	  
	  
}.custom-footer {
  background-color: rgb(90, 90, 90); /* Original gray background */
  padding: 0px 0 0px 0; /* Equal padding above and below the content */
  text-align: center; /* Center the content horizontally */
}

.footer-text {
  color: white; /* White text */
  font-size: 1.5em; /* Adjust font size */
  font-weight: 600; /* Bold text */
  margin: px 0 px 0; /* Equal spacing above and below the text */
}

footer.custom-footer .footer-content {
  text-align: center; /* Center the content */
  padding: 20px 0; /* Add padding above and below the content */
}

footer.custom-footer .footer-text {
  margin-top: 5px; /* Add space above the text */
}

.footer-link {
  color: rgb(255,255,255) !important;; /* White text */
  font-size: 1.5em; /* Adjust font size */
  font-weight: 600; /* Bold text */
  display: block; /* Ensure the link takes up the full width */
  margin: 0; /* Equal spacing above and below the link */
  text-decoration: none; /* Remove underline */
}

.footer-link:hover {
	color:blue !important; /* Change to your preferred blue */
	text-decoration: underline; /* Add underline on hover */
  opacity: 0.8; /* Slightly fade the link on hover */
}
.single-container {
	width: 778px; /* Fixed width */
  max-width: 1200px; /* Optional: Set a max-width for larger screens */
  margin: 0 auto; /* Centers the container horizontally */
  padding: 20px; /* Optional: Add padding for spacing inside the container */
	margin-bottom: 50px;
}