section {
  display: block;
}

/* TEAM Section */

#team {
  padding-top: 50pt;
  display: inline-block;
  align-items: center;
  vertical-align: middle;
}

#team-info {
  padding: 30pt 40pt;
  display: inline-block;
  width: 35vw;
  align-items: center;
  align-content: center;
  text-align: justify;
}

#team-button {
  display: block;
  margin:30pt;
  background-color: #1e1e1e; 
  color: white; 
  margin-left: auto;
  margin-right: auto;
}
  
#team-button:hover {
  background-color: #8e8e8e;
  color: white;
}

#team-vid {
  margin-left: 20pt;
  display: inline-block;
  width: 48vw;
  height: 250pt;
  vertical-align: top;
}


/* Impact Section */

#impact {
    margin-top: 20pt;
    background-color: #91bfde42;
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

#impact-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
  }
  
#impact-wrapper{
    display: inline;
    /* justify-content: space-around; */
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    vertical-align: middle;
  }

#impact-wrapper>div {
    min-width: 160pt;
    min-height: 160pt;
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-self: center;
    justify-content: space-around;
  }

  .impact-num {
    z-index: 0;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 2em;
    min-width: 160pt;
    min-height: 160pt;
    margin:20pt;
    position: relative;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    border-radius: 0.5em; /* makes it round */
    background-color: #2a2a2d;
  }
  .impact-text {
    color: #3d3d3d;
    font-size: 1em;
    text-align: center;
    pad: 0.7em 0;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    line-height: 0;
  }


  /* Fiscal sponsorship section */
  
#fiscal-sponsorship {
    padding-top: 20pt;
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
    display: inline-block;
    vertical-align: middle;
}

#fiscal-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
    padding-bottom: 20pt;
}

#fiscal-img {
    width: 500pt;
    height: 300pt;
    object-fit: cover;
    margin-left: 20pt;
    display: inline-block;
    border-radius: 1em;
}


  
  #fiscal-info {
    padding: 30pt 40pt;
    display: inline-block;
    width: 35vw;
    align-items: center;
    align-content: center;
    vertical-align: top;
    margin-top: 30pt;
    margin-bottom: 30pt;
    text-align: justify;
  }
  
  #fiscal-button {
    display: block;
    margin:30pt;
    background-color: #1e1e1e; 
    color: white; 
    margin-left: auto;
    margin-right: auto;
  }
    
  #fiscal-button:hover {
    background-color: #8e8e8e;
    color: white;

  }

  /* Research section */


#research {
    margin-top: 20pt;
    background-color: #91bfde42;
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

#research-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
  }


  
  #research-info {
    padding: 10pt auto;
    display: inline-block;
    width: 80%;
    align-items: center;
    align-content: center;
    vertical-align: top;
    /* margin-top: 30pt; */
    /* margin-bottom: 30pt; */
    text-align: justify;
  }
  
  
#research-wrapper{
    display: inline;
    /* justify-content: space-around; */
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    vertical-align: middle;
  }

#research-wrapper>div {
    min-width: 160pt;
    min-height: 160pt;
    width: 200pt;
    height: 300pt;
    margin: 10pt;
    display: inline-flex;
    flex-direction: column;
    border-radius: 1em;
    align-self: center;
    justify-content: space-around;
    /* background-color: #2a2a2d; */
    background-color: #a4bed142;

  }

  .research-img {
    z-index: 0;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 2em;
    min-width: 180pt;
    min-height: 180pt;
    object-fit: cover;
    margin:10pt;
    position: relative;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    border-radius: 10em;
    /* border-radius: 0.5em;  */
  }

#research-book>img {
    content: url("research_book.jpeg");
    width: 160pt;
    height: 160pt;
    object-fit: cover;
}


#research-conferences>img {
    content: url("research_conference.jpeg");
}

#research-wellness>img {
    content: url("research_wellness.jpeg");
}

#research-blockchain>img {
    content: url("research_blockchain.jpeg");
}
  .research-title {
    color: #3d3d3d;
    font-size: 1em;
    text-align: center;
    pad: 0.7em 0;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    line-height: 0;
  }

  .research-button {
    display: block;
    margin:30pt;
    background-color: #1e1e1e; 
    color: white; 
    margin-left: auto;
    margin-right: auto;
  }
    
  .research-button:hover {
    background-color: #8e8e8e;
    color: white;

  }

  /* Education section */


#education {
    /* margin-top: 20pt; */
    /* background-color: #91bfde42; */
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

#education-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
  }


  
  #education-info {
    padding: 10pt auto;
    display: inline-block;
    width: 80%;
    align-items: center;
    align-content: center;
    vertical-align: top;
    /* margin-top: 30pt; */
    /* margin-bottom: 30pt; */
    text-align: justify;
  }
  
  
#education-wrapper{
    display: inline;
    /* justify-content: space-around; */
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    vertical-align: middle;
  }

#education-wrapper>div {
    min-width: 160pt;
    min-height: 160pt;
    width: 200pt;
    height: 300pt;
    margin: 10pt;
    display: inline-flex;
    flex-direction: column;
    border-radius: 1em;
    align-self: center;
    justify-content: space-around;
    /* background-color: #2a2a2d; */
    background-color: #a4bed142;

  }

  .education-img {
    z-index: 0;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 2em;
    min-width: 180pt;
    min-height: 180pt;
    object-fit: cover;
    margin:10pt;
    position: relative;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    border-radius: 10em;
    /* border-radius: 0.5em;  */
  }

#education-adopt>img {
    content: url("education_adopt.jpeg");
    width: 160pt;
    height: 160pt;
    object-fit: cover;
}


#education-esports>img {
    content: url("education_esports.jpeg");
}

#education-career>img {
    content: url("education_career.jpeg");
}

#education-music>img {
    content: url("education_music.jpeg");
}
  .education-title {
    color: #3d3d3d;
    font-size: 1em;
    text-align: center;
    pad: 0.7em 0;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    line-height: 0;
  }

/* Sponsors section */


#sponsors {
    margin-top: 20pt;
    background-color: #91bfde42;
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

#sponsors-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
  }
  
  #sponsors-info {
    padding: 10pt auto;
    display: inline-block;
    width: 80%;
    align-items: center;
    align-content: center;
    text-align: justify;
  }

  #sponsors-button {
    display: block;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #1e1e1e; 
    color: white; 
  }
  
  #sponsors-button:hover {
    background-color: #8e8e8e;
    color: white;
  }
  
  /* quincy jones video */

  #quincy-jones-video {
    padding-top: 40pt;
    padding-bottom: 20pt;
text-align: center;
}

#quincy-jones-video>iframe {
    align-self: center;
    width: 80%;
    height: 400pt;
  }

  #quincy-jones-text {
    align-self: center;
    text-align: center;
    padding-bottom: 30pt;
  }

  /* sponsor image grid */


#sponsor-grid {
    padding-top: 30pt;
    margin-top: 20pt;
    background-color: #91bfde42;
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}
  .grid-container {
    /* width: 100%; */
    /* max-width: 1280px; */
    width: 945px;
    /* height:760pt; */
    /* height: 60%; */
    max-height: 1080pt;
    max-width: 1080pt;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 20pt;
    padding-right: 20pt;
    margin-left: auto;
    margin-right: auto;
   
    .grid-box {
      background: cornflowerblue;
    }

    @media (max-width: 1280px) {
      .grid-box {
        background: violet;
      }
      width: 845px;
    }
    @media (max-width: 992px) {
      .grid-box {
        background: darkorange;
      }
      width: 725px;
    }
    @media (max-width: 768px) {
      .grid-box {
        background: teal;
      }
      width: 555px;
    }
  
    @media (max-width: 576px) {
      .grid-box {
        background: coral;
      }

      width: 95%;
    }
  }
  
  .grid {
    margin: 0 auto;
    display: grid;
    grid-gap: 15px;
    grid-auto-columns: 1fr;
    /* grid-auto-rows: 160pt; */
    grid-template-areas: "h h h h";
    grid-auto-flow: dense;
    @media (max-width: 1280px) {
      grid-auto-rows: 225px;
      grid-auto-cols: 225px;
    }
    @media (max-width: 992px) {
      grid-auto-rows: 168px;
    }
    @media (max-width: 768px) {
      grid-auto-rows: 128px;
    }
    @media (max-width: 576px) {
      display: block;
      
      .grid-box {
        margin-bottom: 15px;
        min-height: 120px;
      }
    }
  
    .grid-box {
      &.size-1of4 {
        grid-column-start: span 1;
      }
      &.size-1of2 {
        grid-column-start: span 2;
      }
      &.up-2 {
        grid-row-start: span 2;
      }
    }
    
    @media (max-width: 992px) {
      .md-half {
        grid-column-start: span 2  !important;
      }
    }
      @media (max-width: 768px) {
        .sm-quarter {
        grid-column-start: span 1 !important;
      }
      .sm-full {
        grid-column-start: span 4 !important;
      }
    }
  }

/* @media ().sponsor-img-l {
    content: url("sponsor_voluntears.jpeg");

    width: 200pt;
    height: 200pt;
    object-fit:cover;
} */

.sponsor-img-l {
    width: 465px;
    height: 465px;
    object-fit:cover;
}

.sm-full {
    width:465px;
    height:465px;
}

.sponsor-img-s {
    width: 225px;
    height: 225px;
    object-fit:cover;
}
.sm-quarter {
    width: 225px;
    height: 225px;
}

@media (max-width: 1280px) {
    .sponsor-img-l {
        background: violet;
        width: 415px;
        height: 415px;
        object-fit:cover;
    }
}

@media (max-width: 992px) {
    .sponsor-img-l {
      background: darkorange;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

@media (max-width: 768px) {
    .sponsor-img-l {
      background: teal;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

@media (max-width: 576px) {
    .sponsor-img-l {
      background: coral;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

.sponsor-img-s:hover {
    transition: transform .2s;
    transform: scale(1.05);
}
.sponsor-img-l:hover {
    transition: transform .2s;
    transform: scale(1.025);
}
#sponsor-voluntear {
    content: url("sponsor_voluntears.jpeg");
}

#sponsor-afi {
    content: url("sponsor_afi.jpeg");
}

#sponsor-blackmagicdesign {
    content: url("sponsor_blackmagicdesign.jpeg");
}

#sponsor-ecfob {
    content: url("sponsor_ecfob.jpeg");
}
#sponsor-givingwings {
    content: url("sponsor_givingwings.jpeg");
}
#sponsor-kennethrainin {
    content: url("sponsor_kennethrain.jpeg");
}
#sponsor-siliconvalley {
    content: url("sponsor_siliconvalley.jpeg");
}
#sponsor-ncsoft {
    content: url("sponsor_ncsoft.jpeg");
}
#sponsor-californiaartscouncil {
    content: url("sponsor_californiaartcouncil.jpeg");
}
#sponsor-nationalgeographic {
    content: url("sponsor_nationalgeographic.jpeg");
}
#sponsor-bostonfoundation {
    content: url("sponsor_thebostonfoundation.jpeg");
}
#sponsor-newengland {
    content: url("sponsor_newengland.jpeg");
}
#sponsor-ucla {
    content: url("sponsor_ucla.jpeg");
}
#sponsor-zonta {
    content: url("sponsor_zonta.jpeg");
}
#sponsor-wif {
    content: url("sponsor_wif.jpeg");
    width: 225px;
    height:155px;
    background-color: #ffffff;
    padding-top: 35px;
    padding-bottom: 35px;
}



/* Refugees */


#refugee-sponsorship {
    padding-top: 20pt;
    align-items: center;
    text-align: center;
    /* padding-bottom: 50pt; */
    display: inline-block;
    vertical-align: middle;
}

#refugee-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
    padding-bottom: 20pt;
}

#refugee-img {
    width: 500pt;
    height: 300pt;
    object-fit: cover;
    margin-left: 20pt;
    display: inline-block;
    border-radius: 1em;
}


  
  #refugee-info {
    padding: 30pt 40pt;
    display: inline-block;
    width: 35vw;
    align-items: center;
    align-content: center;
    vertical-align: top;
    margin-top: 30pt;
    margin-bottom: 30pt;
    text-align: justify;
  }
  
  #refugee-button {
    display: block;
    margin:30pt;
    background-color: #1e1e1e; 
    color: white; 
    margin-left: auto;
    margin-right: auto;
  }
    
  #refugee-button:hover {
    background-color: #8e8e8e;
    color: white;

  }



  /* press image grid */
#press {
  margin-top: 20pt;
  background-color: #91bfde42;
  align-items: center;
  text-align: center;
  /* padding-bottom: 50pt; */
}

  #press-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
    padding-bottom: 20pt;
}

#press-grid {
    /* padding-top: 30pt; */
    margin-top: 20pt;
    /* background-color: #91bfde42; */
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

.press-img-l {
    width: 465px;
    height: 465px;
    object-fit:cover;
}

.sm-full {
    width:465px;
    height:465px;
}

.press-img-s {
    width: 225px;
    height: 225px;
    object-fit:cover;
}
.sm-quarter {
    width: 225px;
    height: 225px;
}

@media (max-width: 1280px) {
    .press-img-l {
        background: violet;
        width: 415px;
        height: 415px;
        object-fit:cover;
    }
}

@media (max-width: 992px) {
    .press-img-l {
      background: darkorange;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

@media (max-width: 768px) {
    .press-img-l {
      background: teal;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

@media (max-width: 576px) {
    .press-img-l {
      background: coral;
        width: 265pt;
        height: 265pt;
        object-fit:cover;
    }
}

.press-img-s:hover {
    transition: transform .2s;
    transform: scale(1.05);
}
.press-img-l:hover {
    transition: transform .2s;
    transform: scale(1.025);
}

#press-voluntear {
    content: url("sponsor_voluntears.jpeg");
}

#press-afi {
    content: url("sponsor_afi.jpeg");
}

#sponsor-blackmagicdesign {
    content: url("sponsor_blackmagicdesign.jpeg");
}

#sponsor-ecfob {
    content: url("sponsor_ecfob.jpeg");
}
#sponsor-givingwings {
    content: url("sponsor_givingwings.jpeg");
}
#sponsor-kennethrainin {
    content: url("sponsor_kennethrain.jpeg");
}
#sponsor-siliconvalley {
    content: url("sponsor_siliconvalley.jpeg");
}
#sponsor-ncsoft {
    content: url("sponsor_ncsoft.jpeg");
}
#sponsor-californiaartscouncil {
    content: url("sponsor_californiaartcouncil.jpeg");
}
#sponsor-nationalgeographic {
    content: url("sponsor_nationalgeographic.jpeg");
}
#sponsor-bostonfoundation {
    content: url("sponsor_thebostonfoundation.jpeg");
}
#sponsor-newengland {
    content: url("sponsor_newengland.jpeg");
}
#sponsor-ucla {
    content: url("sponsor_ucla.jpeg");
}
#sponsor-zonta {
    content: url("sponsor_zonta.jpeg");
}
#sponsor-wif {
    content: url("sponsor_wif.jpeg");
    width: 225px;
    height:155px;
    background-color: #ffffff;
    padding-top: 35px;
    padding-bottom: 35px;
}



/* Donate section */


#donate {
    margin-top: 20pt;
    /* background-color: #91bfde42; */
    align-items: center;
    text-align: center;
    padding-bottom: 50pt;
}

#donate-title{
    padding-top: 30pt;
    color: #000000;
    text-align:center;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
  }
  
  #donate-info {
    padding: 10pt auto;
    display: inline-block;
    width: 80%;
    align-items: center;
    align-content: center;
    text-align: justify;
  }

  #donate-button {
    display: block;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #1e1e1e; 
    color: white; 
  }
  
  #donate-button:hover {
    background-color: #8e8e8e;
    color: white;
  }
  


#donate-img {
    padding-top:30pt;
    width: 80vw;
}


/* Policy */

#policy {
    padding: 30pt 70pt;
    text-align: center;
    background-color: #a4bed142;

}

#policy>div {
    /* display: inline-block; */
    /* width:250pt; */
    min-width: 250pt;
    width: 40%;
    height: 80pt;
    /* justify-content: center; */
    background-color: #a4bed142;


  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left:auto;
  margin-right:auto;
  padding-left:10pt;
  padding-right:10pt;
    /* vertical-align: middle; */
}

#policy>div>button {
    /* margin-top:30pt; */
    margin-left:auto;
    top:50%;
    bottom:50%;
    margin-right:auto;
    /* vertical-align: middle; */
    /* margin-top:30pt;
    margin-bottom:30pt;*/
}


#policy-non-disc-button, #policy-privacy-button {
    display: block;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #1e1e1e; 
    color: white; 
  }
  #policy-non-disc-button:hover,
  #policy-privacy-button:hover {
    background-color: #8e8e8e;
    color: white;
  }


/* About */

#about {
    padding: 30pt 70pt;
    text-align: center;
    /* background-color: #a4bed142; */
    display: inline-flex;
    text-align: justify;

}

#about>div>h3 {
    color: #000000;
    /* text-align:center; */
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-weight: 300;
}

#about>div {
    /* display: inline-block; */
    /* width:250pt; */
    min-width: 250pt;
    width: 40%;
    min-height: 180pt;
    /* justify-content: center; */
    /* background-color: #a4bed142; */


  justify-content: center;
  align-items: center;
  margin-left:auto;
  margin-right:auto;
  padding-left:10pt;
  padding-right:10pt;
    /* vertical-align: middle; */
}

#about>div>button {
    /* margin-top:30pt; */
    margin-left:auto;
    top:50%;
    bottom:50%;
    margin-right:auto;
    /* vertical-align: middle; */
    /* margin-top:30pt;
    margin-bottom:30pt;*/
}

.link-text {
    position: relative;
    display: inline-block;
    text-decoration: none;
    border-radius: 1pt;
    padding: 2pt 4pt;
    color: #2a2a2d;
}

.link-text:hover {
    background-color: #a4bed152;
}


/* Footer */

footer {
    background-color: #a4bed1ee;
    display: flex;
    /* clear: both; */
    /* padding: 20pt 70pt; */
    height: 40pt;
    color: #fff;
    top: 50%;
    bottom:50%;
    /* background: #134347; */
    /* text-align: center; */
}

footer>div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* margin-left:auto; */
  margin-right:auto;
  /* width: 100%; */
  padding-left:10pt;
  padding-right:10pt;
}

#footer-left {
    margin-left: 10pt;
    padding-left: 10pt;
}

#footer-right {
    padding-right:10pt;
    margin-left:auto;
    margin-right: 0;
}

#footer-icons {
    margin-right:0;
    /* margin-left: auto; */
    margin-left: 0;
    /* background-color: #1e1e1e; */
    
}

.far {
    /* padding: 10px; */
    /* display: flex; */
    height: 100%;
    width: 40pt;
    /* margin-top: auto;
    margin-bottom: auto; */
    font-size: 30px;
    /* padding-top: 40pt; */
    top: 50%;
    bottom:50%;
    /* width: 15px; */
    /* height: 80%; */
    align-self: center;
    vertical-align: middle;

    text-align: center;
    /* vertical-align: top; */
    text-decoration: none;
  }

.footer-icon:hover {
    opacity: 0.9;
    /* width:20px; */
}

  .fa {
    padding: 10pt;
    font-size: 20pt;
    width: 20pt;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }
  
  .fa:hover {
      opacity: 0.9;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }
  
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  .fa-instagram {
    background: #125688;
    color: white;
  }