.transition {
  transition: all 0.2s linear;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
body {
  background: white;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}
a {
  transition: all .2s linear;
}
#wrapper {
  width: 100%;
  overflow: hidden;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
}
#welcome {
  padding-top: 45px;
  background: url(../images/welcome-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 1100px;
  background-position: fixed;
}
#welcome .logo-holder {
  width: 375px;
  height: 210px;
  margin: auto;
}
#welcome .logo-holder .logo {
  background: url(../images/logo.png) center center no-repeat;
  width: 375px;
  height: 210px;
  background-size: contain;
}
#welcome .welcome-content {
  text-align: center;
  max-width: 1024px;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
  padding-top: 80px;
  clear: both;
}
#welcome .welcome-content h1 {
  color: #c39c5a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 3px;
  margin: 0;
  padding: 0 0 10px;
}
#welcome .welcome-content h2 {
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  margin: 0;
  padding: 0 0 25px;
}
#welcome .welcome-content p {
  text-align: left;
  width: 40%;
  margin: 0 5%;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.9);
}
#welcome .welcome-content p.left-col {
  float: left;
}
#welcome .welcome-content p.right-col {
  float: right;
}
#highlights {
  background: #c39c5a;
  position: relative;
  margin-top: -55px;
  padding-bottom: 140px;
  max-height: 639px;
}
#highlights .content {
  text-align: center;
  z-index: 9999;
  position: relative;
}
#highlights .content h2 {
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 64px;
  font-weight: 900;
  margin: 0;
  padding: 0 0 20px;
}
#highlights .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#highlights .content ul li {
  width: 21%;
  float: left;
  margin: 0 2%;
}
#highlights .content ul li .icon {
  min-height: 180px;
  position: relative;
  width: 70%;
  margin: auto;
}
#highlights .content ul li .icon img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#highlights .content ul li .descrip {
  color: white;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.025em;
}
#highlights .content ul li .descrip em {
  font-family: 'Roboto Slab', serif;
  font-style: normal;
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: normal;
  padding: 35px 0 5px;
}
#highlights:after {
  background: url(../images/highlights-bg.png) no-repeat center top;
  height: 1610px;
  position: absolute;
  z-index: 999;
  top: -810px;
  width: 100%;
  content: '';
  display: block;
}
#new-funds {
  background: transparent;
  margin-top: 115px;
  position: relative;
  z-index: 9999;
  padding-bottom: 325px;
}
#new-funds .left-col {
  width: 56%;
  margin-left: 3%;
}
#new-funds .left-col h2 {
  color: #002d55;
  font-size: 48px;
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  line-height: 56px;
  padding: 0 0 15px;
  margin: 60px 0 0;
}
#new-funds .left-col p {
  font-size: 18px;
  opacity: 0.8;
  line-height: 32px;
  margin: 0;
  padding: 0;
}
#new-funds .right-col {
  position: absolute;
  right: -50px;
  top: -75px;
  width: 40%;
}
#new-funds .right-col a {
  border: solid 3px #002d55;
  border-radius: 50%;
  height: 425px;
  width: 425px;
  display: block;
  background: url(../images/video-button-bg1.jpg) #d0d2d2 no-repeat center center;
  background-size: cover;
}
#new-funds .right-col a i {
  text-align: center;
  margin-top: 37%;
  margin-left: 37%;
  color: white;
  font-size: 7em;
  opacity: 0.7;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
  transition: all 0.2s linear;
}
#new-funds .right-col a:hover {
  cursor: pointer;
}
#new-funds .right-col a:hover i {
  color: white;
  opacity: 1;
}
#new-funds:before {
  display: block;
  width: 100%;
  height: 828px;
  background: url(../images/new-funds-bg.png) no-repeat center top;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
#funds-list {
  background: #002d55;
  text-align: center;
  color: white;
  padding: 30px 0 45px;
  position: relative;
}
#funds-list h2 {
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 52px;
  margin: 0;
  padding: 0 0 35px;
}
#funds-list ul {
  list-style: none;
  width: 40%;
  margin: 0 5%;
  font-size: 18px;
  line-height: 22px;
  opacity: 0.9;
  padding: 0;
}
#funds-list ul li {
  margin-bottom: 22px;
}
#funds-list ul li em {
  font-style: normal;
  font-size: 16px;
  display: block;
}
#funds-list ul.left-col {
  float: left;
}
#funds-list ul.right-col {
  float: right;
}
#featured-grants {
  text-align: center;
  padding: 0 0 115px;
}
#featured-grants h3 {
  text-align: center;
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: -205px 0 0;
  padding: 0 0 20px;
  font-weight: 900;
}
#featured-grants p {
  width: 660px;
  margin: auto;
  line-height: 26px;
}
#featured-grants:before {
  background: url(../images/fund-list-bottom.png) no-repeat center top;
  width: 100%;
  height: 300px;
  display: block;
  content: '';
  bottom: -300px;
  left: 0;
}
#centura-science {
  background: url(../images/centura-science-bg.jpg) right center no-repeat #c39c5a;
  background-size: contain;
  padding: 60px 20px;
  min-height: 305px;
  position: relative;
}
#centura-science h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: 0;
  padding: 0;
  font-weight: 900;
}
#centura-science p {
  font-size: 18px;
  width: 620px;
  line-height: 28px;
}
#centura-science:after {
  background: url(../images/centura-science-graphic.png) no-repeat center center;
  width: 345px;
  height: 555px;
  display: block;
  content: '';
  top: -220px;
  right: 85px;
  margin-left: -345px;
  position: absolute;
}
#pioneer-fountain {
  background: url(../images/pioneer-fountain-bg.jpg) left center no-repeat #d0d2d2;
  background-size: cover;
  padding: 60px 20px;
  min-height: 400px;
  position: relative;
}
#pioneer-fountain h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: 0;
  padding: 0;
  font-weight: 900;
  width: 65%;
  margin-left: 32%;
}
#pioneer-fountain p {
  font-size: 18px;
  width: 420px;
  width: 58%;
  margin-left: 32%;
  font-size: 17px;
  line-height: 28px;
}
#pioneer-fountain:before {
  display: block;
  width: 100%;
  height: 470px;
  background: url(../images/pioneer-fountain-bg.png) no-repeat center bottom;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
#community-enrichment {
  text-align: center;
  padding: 60px 0;
}
#community-enrichment .image {
  margin: 0 10%;
  width: 80%;
  text-align: center;
}
#community-enrichment .image img {
  width: 100%;
  height: auto;
}
#community-enrichment h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: 25px 0;
  padding: 0;
  font-weight: 900;
}
#community-enrichment p {
  width: 800px;
  margin: auto;
  line-height: 26px;
}
#hear-concerts {
  background: url(../images/hear-concerts-bg.jpg) center top no-repeat;
  background-size: cover;
  padding: 220px 20px 60px;
  min-height: 310px;
  position: relative;
  width: 100%;
}
#hear-concerts h3 {
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: 0;
  padding: 0;
  font-weight: 900;
}
#hear-concerts p {
  font-size: 18px;
  width: 40%;
  line-height: 28px;
  color: white;
}
#hear-concerts .playbtn {
  display: block;
  position: absolute;
  right: 302px;
  top: 326px;
  color: #c39c5a;
  font-size: 5em;
  z-index: 9999;
  background: url(../images/hear-concerts-video-bg.jpg) no-repeat center center;
  background-size: cover;
  width: 220px;
  height: 220px;
  border: solid #002d55 5px;
  border-radius: 50%;
}
#hear-concerts .playbtn a {
  color: #c39c5a;
  text-align: center;
}
#hear-concerts .playbtn a:hover {
  color: #002d55;
}
#hear-concerts .playbtn a i {
  margin: 70px 0 0 70px;
}
#hear-concerts:after {
  background: url(../images/hear-concerts-graphic.png) no-repeat center center;
  width: 795px;
  height: 970px;
  display: block;
  content: '';
  top: -380px;
  right: 40px;
  margin-left: -345px;
  position: absolute;
}
#teacher-area {
  background: #c39c5a;
  position: relative;
  min-height: 537px;
}
#teacher-area .container {
  max-width: 1360px;
}
#teacher-area .description {
  float: left;
  width: 45%;
  margin: 130px 0;
  position: relative;
  z-index: 9999;
  text-align: center;
}
#teacher-area .description h5 {
  color: #c39c5a;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 4px;
  margin: 0;
  padding: 0 0 10px;
}
#teacher-area .description h3 {
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  margin: 0;
  padding: 0;
  font-weight: 900;
}
#teacher-area .description p {
  width: 440px;
  margin: 20px auto;
  color: white;
  font-size: 18px;
  line-height: 28px;
}
#teacher-area .description a {
  color: #c39c5a;
  font-weight: 600;
  position: relative;
  text-align: left !important;
  text-decoration: none;
  left: -33px;
}
#teacher-area .description a i {
  color: #c39c5a;
  font-size: 3em;
  transition: all 0.2s linear;
  position: absolute;
  right: -66px;
  top: -3px;
}
#teacher-area .description a i:hover {
  color: white;
}
#teacher-area .description a:hover {
  color: white;
}
#teacher-area .teacher {
  position: relative;
  z-index: 9999;
  margin-top: 70px;
  width: 24%;
}
#teacher-area .teacher h6 {
  text-align: center;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.025em;
  margin: 0;
  padding: 0;
}
#teacher-area .left {
  float: left;
  margin-right: 5%;
}
#teacher-area .right {
  float: right;
}
#teacher-area:before {
  width: 100%;
  background: #c39c5a;
  height: 40px;
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
}
#teacher-area:after {
  width: 100%;
  margin: auto;
  height: 635px;
  background: url(../images/teacher-area-bg.png) no-repeat center center;
  content: '';
  display: block;
  position: absolute;
  top: -112px;
}
#excellence-institute {
  background: url(../images/excellence-institute-bg.jpg) no-repeat center top #ffffff;
  margin: 0;
  padding: 0 0 137px;
  text-align: center;
  max-height: 1477px;
}
#excellence-institute h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  margin: 0;
  padding: 100px 0 25px;
  font-weight: 900;
  text-align: center;
}
#excellence-institute p {
  width: 870px;
  margin: auto;
  font-size: 17px;
  line-height: 28px;
}
#excellence-institute ul {
  list-style: none;
  margin: 30px auto 10px;
  padding: 0;
  width: 700px;
}
#excellence-institute ul li {
  width: 90%;
  margin: 12px 5%;
  float: left;
  text-align: center;
  color: #002d55;
  font-weight: 600;
  font-size: 18px;
}
#excellence-institute .quotes {
  margin-top: 35px;
  float: left;
  width: 100%;
}
#excellence-institute .quotes .quote {
  border-radius: 50%;
  border: solid 5px #002d55;
  float: left;
  clear: both;
  background: white;
  width: 560px;
  padding: 100px 10px 80px;
  position: relative;
}
#excellence-institute .quotes .quote p {
  width: 80%;
  font-size: 24px;
  line-height: 36px;
  padding-bottom: 10px;
}
#excellence-institute .quotes .quote .attribution {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 900;
}
#excellence-institute .quotes .quote .attribution em {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-top: 5px;
  letter-spacing: 0.05em;
}
#excellence-institute .quotes .quote:before {
  position: absolute;
  background: white;
  border: solid 5px #002d55;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: block;
  content: '';
  z-index: 99;
  top: 85%;
  left: 20%;
}
#excellence-institute .quotes .quote:after {
  position: absolute;
  background: white;
  border: solid 5px #002d55;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  content: '';
  z-index: 99;
  top: 100%;
  left: 12.5%;
}
#excellence-institute .quotes .second {
  float: right;
  margin-top: -300px;
  background-color: #002d55;
  border-color: #c39c5a;
  z-index: 9999;
}
#excellence-institute .quotes .second p {
  color: white;
}
#excellence-institute .quotes .second .attribution {
  color: white;
}
#excellence-institute .quotes .second:before {
  left: 75%;
  top: 80%;
  background-color: #002d55;
  border-color: #c39c5a;
}
#excellence-institute .quotes .second:after {
  left: 87%;
  top: 95%;
  background-color: #002d55;
  border-color: #c39c5a;
}
#excellence-institute .quotes .third {
  margin-top: -150px;
  background: #c39c5a;
  margin-left: 185px;
  padding: 90px 10px;
}
#excellence-institute .quotes .third p {
  color: white;
}
#excellence-institute .quotes .third:before {
  left: 50%;
  top: 90%;
  background: #c39c5a;
}
#excellence-institute .quotes .third:after {
  left: 63%;
  top: 105%;
  background: #c39c5a;
}
#big-give {
  min-height: 640px;
}
#big-give .divider {
  display: block;
  content: '';
  height: 8px;
  background: #002d55;
  width: 1380px;
  margin: auto;
  position: relative;
}
#big-give .divider:before {
  position: absolute;
  left: -7px;
  top: -6px;
  height: 19px;
  width: 19px;
  content: '';
  background: #002d55;
  border-radius: 50%;
}
#big-give .divider:after {
  position: absolute;
  right: -7px;
  top: -6px;
  height: 19px;
  width: 19px;
  content: '';
  background: #002d55;
  border-radius: 50%;
}
#big-give .text {
  text-align: center;
  width: 700px;
  margin: auto;
}
#big-give .text h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 56px;
  margin: 0;
  padding: 50px 0 5px;
  font-weight: 900;
  text-align: center;
}
#big-give .text p {
  font-size: 18px;
  line-height: 28px;
}
#big-give .text:before {
  height: 244px;
  width: 176px;
  background: url(../images/gbg-flags-graphic.png) no-repeat center top;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
#big-give .text:after {
  height: 244px;
  width: 176px;
  background: url(../images/gbg-flags-graphic.png) no-repeat center top;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
#big-give .stats {
  text-align: center;
  color: #002d55;
  width: 1000px;
  margin: 60px auto 0;
}
#big-give .stats ul {
  list-style: none;
  margin: 0 0 0 4%;
  padding: 0;
}
#big-give .stats ul li {
  float: left;
  width: 25%;
  margin: 0 2%;
  padding: 0 4% 0 0;
  border-right: 1px solid #c39c5a;
}
#big-give .stats ul li em {
  font-size: 56px;
  font-family: 'Roboto Slab', serif;
  font-style: normal;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
#big-give .stats ul li:last-child {
  border: none;
}
#affiliate-funds {
  position: relative;
  background: #c39c5a;
}
#affiliate-funds h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  margin: 0;
  padding: 60px 0 0;
  font-weight: 900;
}
#affiliate-funds p {
  width: 600px;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 75px;
}
#affiliate-funds:before {
  height: 339px;
  width: 100%;
  background: url(../images/affiliate-funds-bg.png) no-repeat center top;
  content: '';
  position: absolute;
  left: 0;
  top: -339px;
}
#affiliate-funds:after {
  background: url(../images/affiliate-funds-graphic.png) no-repeat center center;
  width: 570px;
  height: 570px;
  display: block;
  content: '';
  top: -120px;
  left: 42%;
  position: absolute;
}
#closing-statement {
  border-bottom: solid 20px #c39c5a;
  padding-bottom: 120px;
}
#closing-statement .container {
  width: 900px;
  max-width: 900px;
}
#closing-statement .container .photo-holder {
  float: left;
  width: 35%;
  margin-top: 110px;
}
#closing-statement .container .photo-holder .photo {
  position: relative;
}
#closing-statement .container .photo-holder .photo:after {
  width: 100%;
  height: 1px;
  background: #d0d2d2;
  position: absolute;
  content: '';
  display: block;
  bottom: 4px;
}
#closing-statement .container .photo-holder .title {
  width: 100%;
  float: left;
  text-align: center;
  opacity: 0.75;
  font-weight: 600;
  padding: 5px 0;
}
#closing-statement .container .photo-holder .title em {
  font-size: 0.9em;
  opacity: 0.75;
  font-weight: normal;
}
#closing-statement .container .text {
  float: right;
  width: 60%;
  margin-top: 80px;
}
#closing-statement .container .text h6 {
  color: #c39c5a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 3px;
  margin: 0;
  padding: 0 0 10px;
}
#closing-statement .container .text h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  margin: 0;
  padding: 0;
  font-weight: 900;
}
#closing-statement .container .text p {
  line-height: 26px;
}
#closing-statement .container .text p a {
  color: #c39c5a;
  font-weight: 600;
  font-size: 0.95em;
  text-decoration: none;
}
#closing-statement .container .text p a:hover {
  color: #002d55;
}
#closing-statement .team {
  text-align: center;
  color: #002d55;
  width: 100%;
  margin: 100px auto;
  float: left;
}
#closing-statement .team ul {
  list-style: none;
  padding: 0;
}
#closing-statement .team ul li {
  float: left;
  width: 25%;
  margin: 0 4% 0;
  color: #002d55;
  letter-spacing: 0.025em;
}
#closing-statement .team ul li .photo {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border: solid 3px #002d55;
  margin: auto;
  text-align: center;
  margin-left: 4%;
  margin-bottom: 10px;
}
#closing-statement .team ul li .photo img {
  width: 100%;
  height: auto;
}
#closing-statement .team ul li .photo:after {
  display: none;
}
#closing-statement .team ul li .title {
  float: left;
  width: 100%;
  text-align: center;
}
#closing-statement .team ul li .title em {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  color: #c39c5a;
}
#closing-statement .team ul li .title:last-child {
  border: none;
}
#closing-statement .board {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 60px;
}
#closing-statement .board a {
  color: #c39c5a;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0.025em;
  border: solid 1px #c39c5a;
  border-radius: 4px;
  padding: 10px 25px;
}
#closing-statement .board a:hover {
  background: #c39c5a;
  color: white;
}
#closing-statement .thank-you {
  width: 900px;
  margin: auto;
  text-align: center;
  clear: both;
}
#closing-statement .thank-you h3 {
  color: #002d55;
  font-family: 'Playfair Display', serif;
  font-size: 45px;
  letter-spacing: 0.025em;
  margin: 0;
  padding: 0;
  font-weight: 900;
  text-transform: uppercase;
}
#closing-statement .thank-you p {
  font-size: 18px;
  line-height: 32px;
}
#footer {
  background: url(../images/welcome-bg.jpg) no-repeat center center #002d55;
  background-size: cover;
  padding: 100px 0 75px;
}
#footer .cta-btns {
  margin: auto;
  width: 900px;
}
#footer .cta-btns a {
  border: solid 2px #c39c5a;
  border-radius: 8px;
  height: 120px;
  float: left;
  width: 400px;
  background: #002d55;
}
#footer .cta-btns a .icon {
  float: left;
  width: 20%;
  margin: 0 5%;
}
#footer .cta-btns a .icon img {
  width: 100%;
  height: auto;
}
#footer .cta-btns a .text {
  float: right;
  width: 68%;
  font-family: 'Open Sans', sans-serif;
  color: #c39c5a;
  font-weight: 700;
  font-size: 15px;
}
#footer .cta-btns a .text em {
  font-weight: bold;
  font-family: 'Roboto Slab', serif;
  color: white;
  font-size: 24px;
  font-style: normal;
  display: block;
  padding: 30px 0 0;
}
#footer .cta-btns a.cta2 {
  float: right;
}
#footer .cta-btns a:hover {
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.65);
}
#footer .logo-holder {
  width: 375px;
  height: 210px;
  margin: auto;
  clear: both;
  padding-top: 75px;
}
#footer .logo-holder .logo {
  background: url(../images/logo.png) center center no-repeat;
  width: 375px;
  height: 210px;
  background-size: contain;
}
#footer .contact {
  text-align: center;
  float: left;
  margin: 100px 0 0;
  width: 100%;
}
#footer .contact h5 {
  color: #c39c5a;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  letter-spacing: 0.025em;
  margin: 0;
  padding: 0;
  font-weight: 900;
}
#footer .contact p {
  color: white;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media (max-width: 1170px) {
  #welcome {
    height: 1240px;
  }
  #welcome .welcome-content {
    width: 80%;
    margin: 0 10%;
  }
  #welcome .welcome-content h2 {
    padding: 0 0 40px;
  }
  #welcome .welcome-content p {
    width: 100%;
    margin: 0 auto;
  }
  #welcome .welcome-content p.right-col {
    margin-top: 25px;
  }
  #highlights {
    padding-bottom: 225px;
    max-height: 760px;
  }
  #highlights .content h2 {
    font-size: 56px;
    padding-bottom: 60px;
  }
  #highlights .content ul li {
    width: 42%;
    margin: 20px 4% 40px;
  }
  #highlights .content ul li .icon img {
    width: auto !important;
  }
  #highlights .content ul li .descrip em {
    padding: 20px 0 5px;
  }
  #highlights:after {
    background: url(../images/highlights-bg-mobile.png) no-repeat center top;
    height: 1610px;
    position: absolute;
    z-index: 999;
    top: -810px;
    width: 100%;
    content: '';
    display: block;
  }
  #highlights:before {
    display: block;
    width: 100%;
    height: 332px;
    background: url(../images/highlights-bottom-mobile.png) no-repeat center bottom;
    content: '';
    position: absolute;
    left: 0;
    bottom: -120px;
    z-index: 0;
  }
  #new-funds .left-col {
    width: 80%;
    margin: 0 10%;
  }
  #new-funds .left-col .lead {
    padding-right: 200px;
  }
  #new-funds:before {
    background: url(../images/new-funds-bg.png) no-repeat 35% top;
  }
  #featured-grants h3 {
    width: 70%;
    margin-left: 10%;
    text-align: left;
  }
  #featured-grants p {
    width: 70%;
    margin: 0 10% 0;
    text-align: left;
  }
  #centura-science {
    background: url(../images/centura-science-bg.jpg) left center no-repeat #c39c5a;
    background-size: cover;
  }
  #centura-science h3 {
    width: 70%;
    margin-left: 10%;
    text-align: left;
    line-height: 48px;
    padding-bottom: 25px;
  }
  #centura-science p {
    width: 70%;
    margin: 0 10% 0;
    text-align: left;
  }
  #centura-science:after {
    right: -80px;
  }
  #pioneer-fountain {
    background: url(../images/pioneer-fountain-bg.jpg) right center no-repeat #d0d2d2;
    background-size: cover;
  }
  #pioneer-fountain h3 {
    line-height: 52px;
    padding-bottom: 15px;
  }
  #community-enrichment {
    padding: 60px 0 200px;
  }
  #community-enrichment p {
    width: 80%;
    margin: 0 10%;
  }
  #hear-concerts {
    padding: 0;
    background: #c39c5a;
    min-height: 940px;
  }
  #hear-concerts .container {
    width: 80%;
    margin: 0 10%;
    text-align: center;
    position: relative;
    z-index: 99999;
  }
  #hear-concerts .container p,
  #hear-concerts .container h3 {
    width: 100%;
  }
  #hear-concerts .playbtn {
    right: 41.85%;
    top: 586px;
  }
  #hear-concerts:after {
    top: -120px;
    margin-left: 0;
    right: 50%;
    transform: translateX(45%);
  }
  #hear-concerts:before {
    display: block;
    width: 100%;
    height: 219px;
    background: url(../images/hear-concerts-top-mobile.png) no-repeat center bottom;
    content: '';
    position: absolute;
    left: 0;
    top: -219px;
    z-index: 0;
  }
  #teacher-area {
    background-color: #002d55;
    border-bottom: 25px solid #c39c5a;
    background-repeat: no-repeat;
    min-height: 860px;
    background-position: center top;
  }
  #teacher-area .description {
    position: absolute;
    width: 80%;
    margin: 30px 10%;
    z-index: 99999;
  }
  #teacher-area .teacher {
    margin: 360px 5% 0;
    position: relative;
    z-index: 99999;
    width: 40%;
  }
  #teacher-area .teacher img {
    width: 100%;
    height: auto;
  }
  #teacher-area:before {
    display: block;
    width: 100%;
    height: 615px;
    background: url(../images/teacher-area-bg-mobile.png) no-repeat center bottom transparent;
    content: '';
    position: absolute;
    left: 0;
    top: -219px;
    z-index: 0;
  }
  #teacher-area:after {
    display: none;
  }
  #excellence-institute {
    max-height: none;
  }
  #excellence-institute .container {
    width: 80%;
    margin: 0 10%;
  }
  #excellence-institute .container p {
    width: 100%;
  }
  #excellence-institute .container .quotes .quote {
    float: none !important;
    margin: 0 0 50px !important;
  }
  #big-give {
    min-height: 670px;
  }
  #big-give .divider {
    width: 100%;
    z-index: 9999;
  }
  #big-give .text {
    width: 54%;
    margin: 0 23%;
  }
  #big-give .stats {
    width: 100%;
  }
  #big-give .stats ul li {
    border: none;
    box-shadow: inset -1px 0 0 #c39c5a;
  }
  #big-give .stats ul li .descrip em {
    font-size: 44px;
  }
  #big-give .stats ul li .descrip br {
    display: none;
  }
  #big-give .stats ul li:last-child {
    box-shadow: none;
  }
  #affiliate-funds .container {
    width: 80%;
    margin: 0 10%;
  }
  #affiliate-funds:after {
    height: 400px;
    width: 400px;
    background-size: cover;
  }
  #closing-statement .container {
    width: 80%;
    margin: 0 10%;
  }
  #closing-statement .container .text h3 br {
    display: none;
  }
  #closing-statement .container .photo img {
    width: 100%;
    height: auto;
  }
  #closing-statement .container .team ul li .photo {
    width: 150px;
    height: 150px;
  }
  #closing-statement .thank-you {
    width: 100%;
  }
  #footer .cta-btns {
    width: 96%;
    margin: 0 3%;
  }
  #footer .cta-btns a {
    width: 44%;
    margin: 0 2.5%;
    max-width: 400px;
  }
  #footer .contact p {
    font-size: 16px;
    letter-spacing: 0.025em;
  }
}
@media (max-width: 800px) {
  #welcome {
    height: 1460px;
  }
  #welcome .welcome-content {
    padding-top: 20px;
  }
  #welcome .welcome-content h2 {
    font-size: 32px;
  }
  #welcome .logo-holder .logo {
    width: 300px;
    margin: auto;
    height: 175px;
  }
  #highlights {
    max-height: none;
    padding-bottom: 100px;
  }
  #highlights .content h2 {
    font-size: 36px;
  }
  #highlights .content ul li {
    width: 80%;
    margin: 40px 10%;
  }
  #highlights .content ul li .icon {
    min-height: 0;
  }
  #highlights .content ul li .icon img {
    position: relative;
    left: auto;
    transform: none;
  }
  #new-funds h2 {
    font-size: 36px;
    line-height: 42px;
  }
  #new-funds .lead {
    width: 100%;
  }
  #new-funds .right-col {
    top: -195px;
    right: auto;
    left: 50%;
    margin-left: -75px;
  }
  #new-funds .right-col a {
    height: 150px;
    width: 150px;
  }
  #new-funds .right-col a i {
    margin: 13%;
  }
  #funds-list h2 {
    font-size: 36px;
  }
  #funds-list .left-col,
  #funds-list .right-col {
    width: 80%;
    margin: 0 10%;
  }
  #featured-grants .container {
    padding-top: 40px;
  }
  #featured-grants h3 {
    font-size: 36px;
    width: 80%;
  }
  #featured-grants p {
    width: 80%;
  }
  #featured-grants:before {
    background: url(../images/fund-list-bottom.png) no-repeat left top;
  }
  #centura-science h3 {
    font-size: 36px;
    width: 80%;
    line-height: 40px;
  }
  #centura-science p {
    width: 80%;
  }
  #centura-science:after {
    display: none;
  }
  #pioneer-fountain {
    padding: 60px 0 80px;
  }
  #pioneer-fountain h3 {
    font-size: 36px;
    width: 80%;
    line-height: 40px;
    margin: 0 auto;
  }
  #pioneer-fountain p {
    width: 80%;
    margin: 0 auto;
  }
  #community-enrichment h3 {
    font-size: 42px;
    line-height: 48px;
  }
  #hear-concerts {
    min-height: 1000px;
  }
  #hear-concerts h3 {
    font-size: 36px;
  }
  #hear-concerts .playbtn {
    right: 26%;
    top: 656px;
  }
  #hear-concerts:after {
    top: -50px;
  }
  #teacher-area {
    min-height: 1400px;
  }
  #teacher-area .description p {
    width: auto;
  }
  #teacher-area .description h3 {
    font-size: 32px;
  }
  #teacher-area .teacher {
    margin: 0 10% 0;
    width: 80%;
  }
  #teacher-area .teacher img {
    width: 100%;
    height: auto;
  }
  #teacher-area .left {
    margin: 500px 10% 60px;
  }
  #excellence-institute ul {
    width: 100%;
  }
  #excellence-institute ul li {
    width: 100%;
    margin: 15px 0;
  }
  #excellence-institute .quotes .quote {
    width: 100%;
    height: auto;
    padding: 100px 0 80px;
  }
  #excellence-institute .quotes .quote p {
    font-size: 16px;
    line-height: 22px;
  }
  #excellence-institute .quotes .quote .attribution {
    font-size: 24px;
  }
  #excellence-institute .quotes .quote .attribution em {
    letter-spacing: normal;
    font-size: 14px;
    padding: 0 10%;
  }
  #big-give {
    min-height: 1055px;
  }
  #big-give .text {
    width: 80%;
    margin: 0 10%;
  }
  #big-give .text h3 {
    padding: 220px 0 5px;
    font-size: 42px;
  }
  #big-give .stats {
    width: 80%;
    margin: 80px 10%;
  }
  #big-give .stats ul li {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    box-shadow: none;
    border-bottom: solid 1px #c39c5a;
  }
  #affiliate-funds h3 {
    font-size: 42px;
  }
  #affiliate-funds p {
    width: 100%;
  }
  #affiliate-funds:after {
    display: none;
  }
  #closing-statement .container .photo-holder {
    float: right;
    width: 100%;
  }
  #closing-statement .container .text {
    width: 100%;
  }
  #closing-statement .team ul li {
    width: 100%;
    margin: 0 0 40px;
  }
  #closing-statement .team ul li .photo {
    float: none;
    margin: 0 auto 10px;
    padding: 0;
  }
  #footer .cta-btns {
    width: 80%;
    margin: 0 auto;
  }
  #footer .cta-btns a {
    width: 100%;
    margin: 0 0 25px;
    float: left !important;
  }
  #footer .cta-btns a .text {
    font-size: 14px;
  }
  #footer .cta-btns a .text em {
    font-size: 20px;
  }
  #footer .logo-holder .logo {
    width: 300px;
    margin: auto;
    height: 180px;
  }
}
@media (max-width: 480px) {
  #welcome .logo-holder {
    width: 90%;
  }
  #hear-concerts .playbtn {
    right: 24.5%;
  }
  #big-give {
    min-height: 1125px;
  }
  #closing-statement .board a {
    font-size: 13px;
  }
  #highlights {
    margin-top: 60px;
  }
  #closing-statement .board a {
    font-size: 11px;
  }
}