html {
  font-size: 16px !important;
}

/* page backgrounds */
#global_page_core-index-index #global_content .layout_page_core_index_index,
#global_page_core-pages-awards #global_wrapper #global_content .layout_page_,
#global_page_core-pages-student-volunteers #global_wrapper #global_content .layout_page_,
#global_page_core-pages-service-leaders #global_wrapper #global_content .layout_page_,
#global_page_core-pages-nonprofit-tools #global_wrapper #global_content .layout_page_,
#global_page_core-pages-supporters #global_wrapper #global_content .layout_page_,
#global_page_core-pages-volunteer-michigan #global_wrapper #global_content .layout_page_,
#global_page_core-pages-globalgoal-2 #global_wrapper #global_content .layout_page_,
#global_page_core-pages-globalgoal-12 #global_wrapper #global_content .layout_page_ {
  background-color: #FFF;
}

/* PAGE LAYOUT */

/* full width page layout */
#global_page_core-index-index #global_content .layout_main,
#global_page_core-index-index #global_content .layout_main .layout_middle,
#global_page_core-index-index .layout_main .layout_middle > .generic_layout_container,
#global_page_core-pages-awards #global_content .layout_main,
#global_page_core-pages-student-volunteers #global_content .layout_main,
#global_page_core-pages-service-leaders #global_content .layout_main,
#global_page_core-pages-nonprofit-tools #global_content .layout_main,
#global_page_core-pages-supporters #global_content .layout_main,
#global_page_core-pages-volunteer-michigan #global_content .layout_main,
#global_page_core-pages-globalgoal-2 #global_content .layout_main,
#global_page_core-pages-globalgoal-12 #global_content .layout_main {
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.iv-content {
  max-width: 100%;
  margin: 5rem auto;
  padding: 0;
  scroll-snap-type: y mandatory;
}
@media screen and (max-width: 768px) {
  .iv-content {
    margin: 0 auto;
  }
}
.iv-content .get-involved a {
  color: #fff;
  text-decoration: none;
}

.iv-content .get-involved a:hover {
  text-decoration: underline;
}

.iv-content.white {
  background-color: #fff;
}

.iv-content.med-purple {
  background-color: #692C90BF;
}
.iv-content.med-purple h1,
.iv-content.med-purple h2,
.iv-content.med-purple h3,
.iv-content.med-purple h4,
.iv-content.med-purple h5,
.iv-content.med-purple h6,
.iv-content.med-purple div,
.iv-content.med-purple p,
.iv-content.med-purple span {
  color: #fff;
}

.iv-content.lt-purple {
  background-color: #692C9016;
}

.iv-content.full-width {
  max-width: 100%;
}

.iv-content-block {
  width: 90%;
  max-width: 1000px;
  padding: 5rem 0;
  margin: 0 auto;
  scroll-snap-align: start;
}

.iv-copy {
  max-width: 325px;
}

.iv-content img.max-100 {
  max-width: 100%;
}

.iv-content img.max-50 {
  max-width: 50%;
}

.iv-content .copy-photo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

@media screen and (max-width: 596px) {
  .iv-content .copy-photo {
    grid-template-columns: 1fr;
  }

  .iv-content .copy-photo .copy {
    grid-row: 1;
  }

  .iv-content .copy-photo img {
    grid-row: 2;
  }
}

.copy-nophoto .copy h4 {
  max-width: 700px;
}

.iv-content .two-column-content {
  display: grid;
  max-width: 900px;
  grid-template-columns: 1.1fr .9fr;
  grid-gap: 40px;
  margin: auto;
}

@media screen and (max-width: 920px) {
  .iv-content .two-column-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.iv-content .two-column-content_full {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  padding: 0 20px;
}

@media screen and (max-width: 920px) {
  .iv-content .two-column-content_full {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.iv-content .callout-box {
  display: grid;
  max-width: 900px;
  margin: auto;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
  justify-items: center;
  padding-bottom: 40px;
}

.widget_innerview-awards hr {
  max-width: 1000px;
  margin: auto;
  background-color: #666;
  height: 1px;
}

.callout-box .title {
  grid-column: 1 / 4;
  grid-row: 1;
  text-align: center;
}

.callout img {
  max-width: 60%;
  display: block;
  margin: auto;
}

.callout h3 {
  text-align: center;
  vertical-align: bottom;
}

.callout a {
  text-decoration: none;
  color: #000;
}

.callout-box h4.callout-subtext {
  grid-column: 1 / 4;
  text-align: center;
  font-size: 18px;
  margin: 20px 0 0 0;
}

.copy-block {
  padding-top: 40px;
  margin-bottom: 40px;
}

.copy-block h4 {
  max-width: 900px;
}

.copy-block img {
  margin-top: 20px;
  max-width: 400px;
}

@media screen and (max-width: 400px) {
  .copy-block img {
    max-width: 320px;
  }
}

.grid-of-three_center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  padding-bottom: 115px;
}


.grid-of-three_center .grid-element {
  justify-self: center;
  align-self: start;
}

.grid-element img {
  max-width: 60%;
  display: block;
  margin: auto;
}

.grid-element h3 {
  text-align: center;
}

.grid-element a {
  text-decoration: none;
  color: #000;
}

.grid-of-three_left {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: minmax(200px, auto);
  padding-bottom: 20px;
}

@media screen and (max-width: 814px) {
  .grid-of-three_left {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .grid-of-three_left .grid-element {
    margin-bottom: 30px;
  }

  .grid-of-three_left .grid-element .grid-cta {
    margin: 10px 0 0 0;
  }  
}

.grid-of-three_left .grid-element {
  justify-self: start;
}

.grid-of-three_left img {
  max-width: 150px;
  justify-self: start;
}

.grid-of-three_left h3 {
  justify-self: start;
  max-width: 220px;
}

.grid-of-three_left h3.no-marg {
  margin: 0;
}

.grid-of-three_left h3.indent {
  padding-left: 60px;
}

.grid-of-two_left {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: minmax(200px, auto);
  grid-column-gap: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 700px) {
  .grid-of-two_left {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    align-self: start;
    justify-self: start;
  }

  .grid-of-two_left .grid-element {
    margin-top: 30px;
    padding-left: 20px;
  }

  .grid-of-two_left .grid-element .grid-cta {
    margin-top: 10px;
  }

  .grid-of-two_left .grid-element img {
    display: inline;
  }

  .grid-of-two_left .grid-element h3, h6 {
    text-align: left;
  }
}

.grid-of-three_left img {
  max-width: 150px;
  justify-self: start;
}

.grid-of-three_left h3 {
  justify-self: start;
  max-width: 220px;
}

.grid-of-three_left h3.no-marg {
  margin: 0;
}

.grid-of-three_left h3.indent {
  padding-left: 60px;
}

.iv-content img.arrow {
  max-width: 267px;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.border-bottom {
  border-bottom: solid 1px;
}

.border-bottom.purple {
  border-bottom: solid 1px #692C90;
}
/* TYPEFACE */
.iv-content h2 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #692C90;
  font-size: 48px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 3px;
}

.iv-content h2.miblue {
  color: #19436B;
}

.iv-content h2.white {
  color: #FFF;
}

.iv-content h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  margin: 21px 0 0 0;
  font-weight: 300;
}

.iv-content h3.caps {
  text-transform: uppercase;
}

.iv-content h3.normal {
  font-weight: 400;
}

.iv-content h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  line-height: 29px;
  font-weight: 300;
  margin: 0 0 20px 0;
  border-bottom-width: 0;
}

.iv-content h4.caps {
  text-transform: uppercase;
}

.iv-content h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 33px;
  line-height: 36px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 34px;
}

.iv-content h6 {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 16px;
  margin:0px;
  line-height: 29px;
  font-weight: 300;
}

.iv-content h6.caps {
  text-transform: uppercase;
}

.iv-content h4.white {
  color: #FFF;
}

.iv-content h4.med-white {
  color: rgba(255, 255, 255, 0.7);
}

.iv-content h4.black {
  color: #000;
}

.iv-content h4.purple {
  color: #692C90;
}

.iv-content h4.miblue {
  color: #19436B;
}

.iv-content h5.white {
  color: #FFF;
}

.iv-content h5.purple {
  color: #692C90;
}

.iv-content h5.miblue {
  color: #19436B;
}

.iv-content h6.white {
  color: #FFF;
}

.iv-content h6.gglabel {
  text-transform: uppercase;
}

.iv-content h6.learnmore-purple a {
  text-decoration: none;
  color: #692C90;
}

.iv-content h6.learnmore-purple {
  color: #692C90;
  margin: 30px 0 0 70px;
  text-transform: uppercase;
}

.iv-content h6.padded {
  padding-bottom: 40px;
}

.iv-content h6.learnmore-white a {
  text-decoration: none;
  color: #FFF;
}

.iv-content h6.learnmore-white {
  color: #FFF;
  margin: 30px 0 0 120px;
  text-transform: uppercase;
}

.title-text h3 {
  text-transform: uppercase;
  padding-left: 8px;
}

.iv-content li {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 16px;
  margin:0px;
  font-weight: 300;
}

.purple-background {
  background-color: #692C9016;
  padding: 4px 0 4px 8px;
}

.title-text h2, h6 {
  padding-left: 8px;
}

/* custom components */
.hero-cycler img {
  width: 100%;
}

/* MICHIGAN */

.iv-content .copy-photo_mi {
  max-width: 900px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-left: auto;
  margin-right: auto;
}

.copy-photo_mi img {
  max-width: 300px;
  justify-self: center;
}

@media screen and (max-width: 600px) {
  .iv-content .copy-photo_mi {
    grid-template-columns: 1fr;
  }

  .iv-content .copy-photo .copy {
    grid-row: 1;
  }

  .iv-content .copy-photo img {
    grid-row: 2;
  }
}

.miblue-background {
  background-color: #19436B16;
  padding: 4px 0 4px 8px;
}

.iv-content h6.learnmore-miblue a {
  text-decoration: none;
  color: #19436B;
}

.iv-content h6.learnmore-miblue {
  color: #19436B;
  margin: 30px 0 0 70px;
  text-transform: uppercase;
}

.author-block.miblue {
  background-color: #19436B16;
}

#testimonials h4.author-miblue {
  color: #19436B;
}

.iv-content.med-miblue {
  background-color: #19436BBF;
}

.iv-content.med-miblue h1,
.iv-content.med-miblue h2,
.iv-content.med-miblue h3,
.iv-content.med-miblue h4,
.iv-content.med-miblue h5,
.iv-content.med-miblue h6,
.iv-content.med-miblue div,
.iv-content.med-miblue p,
.iv-content.med-miblue span {
  color: #fff;
}

.iv-content.lt-miblue {
  background-color: #19436B16;
}

.two-column-content .left-col_mi {
  display: grid;
  grid-template-columns: 10px 94px auto;
  grid-template-rows: 40px 20px 126px minmax(294px, auto);
}

.left-col_mi img.mi-award-icon {
  max-width: 72px;
  grid-column: 1 / 3;
  grid-row: 2 / 4;
}

.left-col_mi .title-block_mi {
  grid-column: 3;
  grid-row: 3;
}

.left-col_mi h5.miblue {
  margin: 0;
}

.left-col_mi h3.title-subtext {
  margin: 12px;
  text-transform: uppercase;
}

.left-col_mi .body-block {
  grid-column: 2 / 4;
  grid-row: 4;
}

.right-col_mi .body-block-white {
  margin-top: 126px;
  background-color: #FFF;
  display: grid;
  grid-template-columns: 20px 110px auto;
  grid-template-rows: 15px 34px 52px 158px;
}

@media screen and (max-width: 920px) {
  .right-col_mi .body-block-white {
    margin-top: 0;
  }
}

.body-block-white h3.impact_mi {
  grid-column: 2 / 4;
  grid-row: 2;
  margin: 0;
  text-transform: uppercase;
}

.body-block-white h6.impact_mi {
  grid-column: 2 / 4;
  grid-row: 3;
  padding: 0;
}

.body-block-white img {
  grid-column: 2;
  grid-row: 4;
}

.body-block-white .list-group_mi {
  grid-column: 3;
  grid-row: 4;
}

.list-group_mi ul {
  margin: 0;
}

.list-group_mi li {
  padding-left: 16px;
}

.two-column-content .left-col2_mi {
  display: grid;
  grid-template-columns: 165px auto;
  grid-template-rows: 80px auto;
}

.left-col2_mi h5.miblue {
  grid-column: 1 / 3;
  grid-row: 1;
  margin: 0;
}

.left-col2_mi img.mi-governor-logo {
  max-width: 145px;
  grid-column: 1;
  grid-row: 2;
}

.left-col2_mi .body-block {
  grid-column: 2;
  grid-row: 2;
}

@media screen and (max-width: 380px) {
  .iv-content .left-col2_mi .body-block h6.learnmore-miblue {
    margin: 30px 0 0 30px;
  }
}


/* PRICING TABLE -- SERVICE LEADERS & NONPROFITS */
.pricing-table {
  display: grid;
  grid-template-columns: .33fr repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1rem;
  padding-top: 10px;
}

.pricing-box.light {
  background-color: #692C9016;
}

.pricing-box.medium {
  background-color: #692C9032;
}

.iv-content .pricing-table h3 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  padding: 0;
  line-height: 20px;
  margin-left: 30px;
}

.iv-content .pricing-table h6 {
  padding: 0;
  line-height: 20px;
  margin-left: 30px;
}

.pricing-table h6.header {
  text-transform: uppercase;
  margin-top: 20px;
}

.pricing-table h6.subhead {
  text-transform: uppercase;
  color: #692C90;
}

.pricing-table h6.bold {
  margin-top: 20px;
  font-weight: 700;
}

.pricing-table h6 a {
  text-transform: uppercase;
  color: #692C90;
  text-decoration: none;
  margin-left: 20px;
}

.pricing-box ul {
  list-style-type: none;
  padding-left: 40px;
  margin-top: 20px;
}

.pricing-box ul li:before {
  content: "\003E \0020";
}


@media screen and (max-width: 520px) {
  .pricing-table {
    grid-template-columns: 20px repeat(2, 1fr);
    grid-column-gap: 2px;
    padding-top: 10px;
  }

  .iv-content .pricing-table h6.header {
    transform-origin: 0 0;
    transform: rotate(-90deg);
    margin-left: 0;
    margin-top: 100px;
  }

  .iv-content .pricing-table h6 {
    margin-left: 10px;
  }

  .pricing-box ul {
    padding-left: 20px;
  }

  .pricing-table h6 a {
    margin-left: 10px;
  }  
}


/* AWARDS PAGE */

#UNAUSA_Award {
  background-image: url('https://d37jsm3yxo26ez.cloudfront.net/public/admin/Award-UNAUSA.jpg');
  height: 178px;
  width: 178px;
}

#UNAUSA_Award:hover {
  background-image: url('https://d37jsm3yxo26ez.cloudfront.net/public/admin/Award-UNAUSA-inv.jpg');
  height: 178px;
  width: 178px;
}

#Kroger_Award {
  background-image: url('https://d37jsm3yxo26ez.cloudfront.net/public/admin/Award-Kroger.jpg');
  height: 178px;
  width: 178px;
}

#Kroger_Award:hover {
  background-image: url('https://d37jsm3yxo26ez.cloudfront.net/public/admin/Award-Kroger-inv.jpg');
  height: 178px;
  width: 178px;
}

.iv-content .callout-box-awards {
  display: grid;
  max-width: 900px;
  margin: auto;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
  justify-items: center;
}

.callout-box-awards h3.title {
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
  margin: 60px 0 20px 0;
}

.callout-box-awards img {
  max-width: 178px;
}

.callout-box-awards h4.callout-subtext {
  grid-column: 1 / 4;
  text-align: center;
  font-size: 18px;
  margin: 20px 0 0 0;
}


.award-header {
  display: grid;
  grid-template-columns: 146px minmax(0, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 40px;
  padding-bottom: 40px;
}

.award-header img {
  max-width: 146px;
  grid-column: 1;
  grid-row: 1;
}

.award-header .award-header-title {
  grid-column: 2;
  grid-row: 1;
}

.two-column-content_full .copy-column {
  display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}


.iv-content .copy-column .copy-column-copy h4 {
  margin: 12px 0 0 0;
  padding: 0;
}

.copy-column .copy-column-arrow {
  align-self: end;
}

.copy-column-arrow-group {
  padding-top: 50px;
}

.award-details-column {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.award-details-column .award-details {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  grid-template-rows: 88px auto;
  grid-column-gap: 30px;
  align-items: center;
  padding-bottom: 55px;
}

.award-details-column .award-details img {
  max-width: 88px;
  grid-column: 1;
  grid-row: 1;
}

.award-details-column .award-details .award-text {
  grid-column: 2;
  grid-row: 1;
  align-items: center;
}

.award-details-column .award-details-column-arrow {
  align-self: end;
}

.iv-content h5.una-title {
  margin-top: 10px;
  margin-bottom: 12px;
  color: #54728E;
  letter-spacing: 1px;
}

.iv-content h5.kroger-title {
  margin-top: 10px;
  margin-bottom: 12px;
  color: #F3B028;
  letter-spacing: 1px;
}

.iv-content h5.michigan-title {
  margin-top: 10px;
  margin-bottom: 12px;
  color: #19436B;
  letter-spacing: 1px;
}

.iv-content h3.award-subtitle {
  text-transform: uppercase;
  margin-top: 6px;
}

.awards-copy h4 {
  margin: 0 0 10px 0;
}

.awards-copy img {
  margin: 0 0 10px 0;
}

.award-details h4 {
  margin: 0;
  padding: 0;
}

.award-details .award-text h4.title {
  text-transform: uppercase;
}

h4.merit {
  color: #B35D3C;
}

h4.honor {
  color: #A2A3A7;
}

h4.ambassador {
  color: #C19C3F;
}

h4.sapphire {
  color: #2F3587;
}

h4.emerald {
  color: #21694B;
}

h4.ruby {
  color: #A12D48;
}

h4.blue {
  color: #1B73D3;
}

h4.green {
  color: #23AA4A;
}

h4.gold {
  color: #FEBD11;
}

h4.miblue {
  color: #19436B;
}

h4.migreen {
  color: #98BA70;
}


h6.title-award_detail {
  text-transform: uppercase;
  padding-top: 30px;
}


/* GLOBAL GOALS PAGES */

.gg-title-block {
  display: grid;
  max-width: 800px;
  grid-template-columns: 166px auto;
  grid-template-rows: auto;
  grid-gap: 20px;
}

.gg-title-block img.gg-icon {
  max-width: 166px;
  grid-column: 1;
  grid-row: 1;
}

.iv-content .gg-title-block h5 {
  margin-top: 10px;
  margin-bottom: 0;
  align-self: start;
}

.gg-title-block h4 {
  grid-column: 1 / 3;
}

@media screen and (max-width: 450px) {
  .gg-title-block {
    grid-template-columns: 96px auto;
    grid-gap: 20px;
  }

  .gg-title-block img.gg-icon {
    max-width: 96px;
  }
}

.gg-stats {
  display: grid;
  margin: auto;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px;
}

.gg-stats .stat img {
  display: block;
  max-height: 80px;
}

@media screen and (max-width: 768px) {
  .gg-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.gg-sponsor-intro {
  display: grid;
  max-width: 900px;
  grid-template-columns: 255px auto;
  grid-column-gap: 40px;
  padding: 40px 0;
}

.gg-sponsor-intro img {
  max-width: 255px;
}

.iv-content .gg-sponsor-copy h5 {
  margin: 0;
}

.iv-content .gg-sponsor-copy h3 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 400;
}

@media screen and (max-width: 550px) {
  .gg-sponsor-intro {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
    padding: 20px;
  }

  .gg-sponsor-intro img {
    justify-self: center;
  }
}

.two-column-content_full .activity-list {
  display: grid;
  grid-template-columns: 127px auto;
  grid-column-gap: 10px;
}

.two-column-content_full .activity-list ul {
  list-style: disc;
  padding-left: 40px;
  margin: 0;
}

.two-column-content_full .activity-list img {
  max-width: 127px;
}

.two-column-content_full .activity-list ul {
  list-style: disc;
}

.two-column-content_full .activity-list li {
  font-size: 21px;
  line-height: 29px;
}

.days-of-awareness {
  padding: 40px 20px;
}

.iv-content .days-of-awareness h2 {
  margin-bottom: 30px;
}

.iv-content .days-of-awareness h5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.iv-content .days-of-awareness h3 {
  margin-top: 10px;
}

.text-only {
  max-width: 800px;
  margin: auto;
  text-align: center;
}

.gg-sponsor-award {
  padding: 60px 0 30px 0;
}

.gg-sponsor-award-title {
  display: grid;
  max-width: 650px;
  grid-template-columns: 162px auto;
  grid-template-rows: auto auto;
  grid-column-gap: 30px;
  padding: 0 20px 40px 20px;
}

.gg-sponsor-award img {
  grid-row: 1 / 3;
  max-width: 162px;
}

.iv-content .gg-sponsor-title h3 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-weight: 400;
}

.gg-sponsor-award h4 {
  grid-column: 2;
}

.gg-sponsor-level-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  padding: 0 20px 30px 20px;
}

@media screen and (max-width: 700px) {
  .gg-sponsor-award-title {
    padding-bottom: 0;
  }

  .gg-sponsor-award h4 {
    grid-row: 3;
    grid-column: 1 / 3;
    padding-top: 20px;
  }

  .gg-sponsor-level-list {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}

.gg-sponsor-level {
  background-color: #FFF;
  padding: 20px;
}

.iv-content .gg-sponsor-level h3 {
  margin: 0;
  font-weight: 400;
}

.iv-content .gg-sponsor-level h6 {
  padding-left: 0;
}

.iv-content .gg-sponsor-level h4 {
  margin-top: 30px;
}

.iv-content .gg-sponsor-level ul {
  list-style: disc;
  padding-left: 40px;
  margin: 0;
}

.iv-content h6.learnmore-gg2 a {
  text-decoration: none;
  color: #DDA63A;
}

.iv-content h6.learnmore-gg2 {
  color: #DDA63A;
  margin: 30px 0 0 70px;
  text-transform: uppercase;
}

.iv-content h6.learnmore-gg12 a {
  text-decoration: none;
  color: #bf8b2e;
}

.iv-content h6.learnmore-gg12 {
  color: #bf8b2e;
  margin: 30px 0 0 70px;
  text-transform: uppercase;
}

.featured-nonprofit img.nonprofit-logo {
  max-height: 100px;
}

.iv-content .featured-nonprofit h3 {
  font-weight: 400;
  margin-bottom: 10px;
}

.featured-nonprofit .get-involved {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
}

@media screen and (max-width: 520px) {
  .featured-nonprofit .get-involved {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 20px;
  }
}

.get-involved .get-involved-option-gg2 {
  padding: 16px;
}

.get-involved .get-involved-option-gg2.med {
  background-color: #dda63aBF;
}

.get-involved .get-involved-option-gg2.dk {
  background-color: #dda63a;
}

.get-involved .get-involved-option-gg12 {
  padding: 16px;
}

.get-involved .get-involved-option-gg12.med {
  background-color: #bf8b2eBF;
}

.get-involved .get-involved-option-gg12.dk {
  background-color: #bf8b2e;
}

.featured-nonprofit img.option-photo {
  max-width: 210px;
}

.featured-nonprofit .get-involved-option h6 {
  padding-left: 0;
  margin-bottom: 16px;
}

.sponsor-feature-content {
  padding: 40px 0;
}

.gg-logo-plus-title {
  display: grid;
  grid-template-columns: 72px auto;
  grid-column-gap: 30px;
  margin: 20px 0 40px 0;
}

.gg-logo-plus-title img {
  max-width: 72px;
}

.iv-content .gg-name-block h3 {
  margin: 6px;
}

.sponsor-gg-plan-img {
  justify-self: center;
}

.sponsor-gg-plan-img img {
  max-width: 414px;
}

@media screen and (max-width: 460px) {
  .sponsor-gg-plan-img img {
    max-width: 310px;
  }
}

.sponsor-promo-boxes .grid-of-three_center {
  padding-bottom: 0px;
}

.sponsor-promo-boxes img.sponsor-bottom {
  max-width: 295px;
}


@media screen and (max-width: 905px) {
  .sponsor-promo-boxes .grid-of-three_center {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
}


/* SUPPORTERS PAGE */

.programs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 60px;
  padding-bottom: 40px;
}

.iv-content .program-detail h3 {
  text-transform: uppercase;
  padding-bottom: 12px;
  padding-top: 24px;
  font-weight: 400;
}

.program-detail img {
  max-width: 120px;
}

@media screen and (max-width: 650px) {
  .programs {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }

  .iv-content .program-detail h3 {
    padding-top: 0;
  }
}

#partner-highlights {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 20px;
}

@media screen and (max-width: 930px) {
  #partner-highlights {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 40px;
  }
}

#partner-highlights .partner-block {
  display: grid;
  grid-template-columns: 66px 52px 192px 140px;
  grid-template-rows: 67px 23px 184px auto 60px;
}

@media screen and (max-width: 460px) {
  #partner-highlights .partner-block {
    grid-template-columns: 30px 30px 144px 140px;
  }
}

img.partner-photo {
  grid-column: 1 / 4;
  grid-row: 1 / 4;
  max-width: 280px;
  order: 3;
}

img.partner-logo {
  grid-column: 4;
  grid-row: 3;
  max-width: 140px;
  order: 4;
}

.partner-background-ltpurple {
  grid-column: 2 / 5;
  grid-row: 2 / 6;
  background-color: #692C9016;
  order: 1;
}

.partner-background-mdpurple {
  grid-column: 2 / 5;
  grid-row: 2 / 6;
  background-color: #692C9032;
  order: 1;
}

h4.partner-copy {
  grid-column: 3 / 5;
  grid-row: 4;
  order: 2;
  padding-right: 20px;
}

h6.partner-learnmore {
  grid-column: 3 / 5;
  grid-row: 5;
  color: #692C90;
  text-transform: uppercase;
  justify-self: start;
}

h6.partner-learnmore a {
  text-decoration: none;
  color: #692C90;
}

/* HOME ----- ALL SECTIONS */

.title-block img {
  max-width: 162px;
}

/* HOME ----- GLOBAL GOALS SECTION */
#globalgoals {
  display: grid;
  grid-template-columns: 4fr 3fr 2fr;
  grid-template-rows: 40px 70px auto 60px repeat(auto-fill, 60px);
}

.gglogo {
  grid-column: 1;
  grid-row: 1 / 3;
}

.gglogo img {
  max-width: 302px;
}

#globalgoals .copy {
  grid-column: 1;
  grid-row: 3;
}

#globalgoals .copy h4 {
  margin-right: 70px;
}

.ggphoto {
  grid-column: 2;
  grid-row: 1 / 4;
  align-items: end;
}

.ggphoto img {
  max-width: 358px;
}

.gginfo {
  grid-column: 3;
  grid-row: 2 / 4;
  margin-left: 20px;
}

.gginfo img {
  margin-bottom: 20px;
  max-width: 66px;
}

.gginfo h6 {
  padding: 0px;
}

.ggbar {
  grid-column: 1 / 4;
  grid-row: 4;
  justify-items: stretch;
  align-items: stretch;
}

.ggbar img {
  max-width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 845px) {
  .ggphoto {
    grid-column: 1;
    grid-row: 4;
  }

  .ggphoto img {
    margin-top: 40px;
    max-width: 200px;
  }

  .gginfo {
    grid-column: 1;
    grid-row: 4;
    margin: 40px 0 0 220px;
  }

  .ggbar {
    grid-column: 1;
    grid-row: 5;
  }
}

/* HOME ----- EMPOWER SECTION */

#empower {
  display: grid;
  grid-template-columns: 30px 90px 90px 80px 200px auto 375px;
  grid-template-rows: 20px 162px 60px 30px 200px auto 10px;
}

.svc-resume {
  grid-column: 7;
  grid-row: 1 / 7;
}

.svc-resume img {
  max-width: 375px;
}

#empower .title-block {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

#empower .title-text {
  grid-column: 4 / 6;
  grid-row: 2 /3;
}

#empower .phone {
  grid-column: 3 / 5;
  grid-row: 4 / 7;
  order: 2;
}

#empower .phone img {
  max-width: 156px;
}

#empower .copy-background {
  grid-column: 4 / 7;
  grid-row: 5;
  background-color: #692C9016;
  order: 1;
}

#empower .copy-background-miblue_lt {
  grid-column: 4 / 7;
  grid-row: 5;
  background-color: #19436B16;
  order: 1;
}

#empower .copy {
  grid-column: 5 / 7;
  grid-row: 5;
}

#empower .copy h4 {
  padding-top: 20px;
}

@media screen and (max-width: 920px) {
    .svc-resume {
      grid-column: 2 / 6;
      grid-row: 8;
      justify-self: center;
    }
  }

@media screen and (max-width: 500px) {
  #empower {
    max-width: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 20px 162px auto 30px auto;
  } 

  #empower .title-block {
    display: none;
  }

  #empower .title-text {
    grid-column: 1 / 3;
  }

  #empower .phone {
    grid-column: 1;
    grid-row: 3;
    justify-self: end;
  }

  #empower .copy-background {
    grid-column: 2 / 3;
    grid-row: 3;
  }

  #empower .copy-background-miblue_lt {
    grid-column: 2 / 3;
    grid-row: 3;
  }

  #empower .copy {
    grid-column: 2 / 3;
    grid-row: 3;
    padding: 0 10px;
  }

  #empower .copy h6.learnmore-purple {
    margin: 30px 0;
  }

  #empower .copy h6.learnmore-miblue {
    margin: 30px 0;
  }

  #empower .svc-resume {
    grid-column: 1 / 3;
    grid-row: 4 / 7;
    margin-top: 30px;
  }

  #empower .svc-resume img {
    max-width: 344px;
  }
}

/* HOME ----- INFORM SECTION */

#inform {
  display: grid;
  grid-template-columns: minmax(0, 30px) 90px 330px 108px 54px 18px 310px minmax(0, auto);
  grid-template-rows: 20px 160px 30px 20px minmax(270px, auto);
}

#inform .laptop {
  grid-column: 2 / 4;
  grid-row: 2 / 6;
  order: 2;
}

#inform .laptop img {
  max-width: 408px;
}

#inform .title-block {
  grid-column: 4 / 6;
  grid-row: 1 /3;
}

#inform .title-text {
  grid-column: 7 / 8;
  grid-row: 1 / 3;
}

#inform .school-dash {
  grid-column: 5 / 8;
  grid-row: 4 / 6;
  order: 3;
}

#inform .school-dash img {
  max-width: 277px;
}

#inform .copy-background {
  grid-column: 3 / 6;
  grid-row: 5;
  order: 1;
  background-color: #692C90BF;
}

#inform .copy-background-miblue_med {
  grid-column: 3 / 7;
  grid-row: 5;
  background-color: #19436BBE;
  order: 1;
}

#inform .copy {
  grid-column: 3 / 6;
  grid-row: 5;
  order: 4;
  color: #fff;
  padding: 40px;
  margin-right: 60px;
}

@media screen and (max-width: 850px) {
  #inform .title-block {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  #inform .title-text {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
    margin-left: 84px;
  }

  #inform .copy-background {
    grid-column: 2 / 4;
    grid-row: 4 / 6;
  }

  #inform .copy-background-miblue_med {
    grid-column: 2 / 4;
    grid-row: 4 / 6;
  }

  #inform .copy {
    grid-column: 2 / 4;
    grid-row: 4 / 6;
  }

  #inform .laptop {
    grid-row: 6;
  }

  #inform .laptop img {
    margin-top: -30px;
  }

  #inform .school-dash {
    grid-column: 4 / 7;
    grid-row: 3 / 6;
  }

  #inform .school-dash img {
    margin-left: -60px;
  }
}

@media screen and (max-width: 680px) {

  #inform .copy {
    max-width: 220px;
    padding: 20px;
  }

  #inform h6.learnmore-white {
    margin: 30px 0 0 10px;
  }

  #inform .school-dash img {
    margin-left: -220px;
  }

  #inform .laptop img {
    margin-top: 10px;
  }
}

@media screen and (max-width: 500px) {
  #inform {
    max-width: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(auto-fill, minmax(162px, auto));
  } 

  #inform .title-block {
    display: none;
  }

  #inform .title-text {
    grid-column: 1 / 3;
    margin-left: 0;
  }

  #inform .copy-background {
    grid-column: 1 / 3;
    grid-row: 3;
  }

  #inform .copy-background-miblue_med {
    grid-column: 1 / 3;
    grid-row: 3;
  }

  #inform .copy {
    grid-column: 1 / 3;
    grid-row: 3;
    max-width: 344px;
  }

  #inform .laptop {
    grid-column: 1 / 3;
    justify-self: center;
  }

  #inform .laptop img {
    max-width: 344px;
  }

  #inform .school-dash {
    grid-column: 1 / 3;
    grid-row: 2;
    margin-left: 0;
    justify-self: end;
  }

  #inform .school-dash img {
    max-width: 344px;
    margin: 0;
  }
}


/* HOME ----- INSPIRE SECTION */
#inspire {
  display: grid;
  grid-template-columns: minmax(0, 30px) 180px 60px 120px 70px 60px auto 280px auto;
  grid-template-rows: 240px 40px 240px auto;
}

#inspire .title-block {
  grid-column: 2;
  grid-row: 1;
}

#inspire .title-text {
  grid-column: 3 / 7;
  grid-row: 1;
}

#inspire .gysd {
  grid-column: 8 / 10;
  grid-row: 1 / 3;
  order: 4;
}

#inspire .gysd img {
  max-width: 300px;
}

#inspire .phone {
  grid-column: 4 / 6;
  grid-row: 2 / 5;
  order: 2;
}

#inspire .phone img {
  max-width: 163px;
}

#inspire .copy-background {
  grid-column: 5 / 9;
  grid-row: 3;
  background-color: #692C9016;
  order: 1;
}

#inspire .copy-background-miblue_lt {
  grid-column: 5 / 9;
  grid-row: 3;
  background-color: #19436B16;
  order: 1;
}

#inspire .copy {
  grid-column: 6 / 9;
  grid-row: 3;
  padding-top: 40px;
  margin-right: 40px;
}


@media screen and (max-width: 830px) {
    #inspire .gysd img {
      max-width: 240px;
    }
  }

@media screen and (max-width: 750px) {
  #inspire {
    grid-template-rows: 240px 40px 400px auto;
  }

  #inspire .phone {
    grid-column: 1 / 3;
  }

  #inspire .copy-background {
    grid-column: 2 / 6;
  }

  #inspire .copy-background-miblue_lt {
    grid-column: 2 / 6;
  }

  #inspire .copy {
    grid-column: 2 / 6;
    padding-top: 30px;
    margin-left: 180px;
  }

  #inspire .gysd {
    grid-column: 1 / 7;
    grid-row: 7;
    justify-self: center;
    margin-top: 30px;
  }

  #inspire .gysd img {
  max-width: 300px;
  }
}

@media screen and (max-width: 500px) {
  #inspire {
    max-width: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 240px auto 30px auto;
  } 

  #inspire .title-block {
    display: none;
  }

  #inspire .title-text {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  #inspire .phone {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
  }

  #inspire .copy-background {
    grid-column: 2 / 3;
    grid-row: 2;
  }

  #inspire .copy-background-miblue_lt {
    grid-column: 2 / 3;
    grid-row: 2;
  }

  #inspire .copy {
    grid-column: 2 / 3;
    grid-row: 2;
    margin: 0;
    padding: 20px 10px 0 10px;
  }

  #inspire .copy h6.learnmore-purple {
    margin: 30px 0;
  }

  #inspire .copy h6.learnmore-miblue {
    margin: 30px 0;
  }

  #inspire .gysd {
    grid-column: 1 / 3;
    grid-row: 4;
    margin-top: 30px;
  }
}

/* HOME ----- SUPPORT SECTION */
#support {
  display: grid;
  grid-template-columns: 30px 120px 180px 60px 240px 100px 120px auto;
  grid-template-rows: 20px 280px 40px 180px auto;
}

#support .title-block {
  grid-column: 3;
  grid-row: 2;
}

#support .title-text {
  grid-column: 4 / 6;
  grid-row: 2;
}

#support .phone {
  grid-column: 7 / 9;
  grid-row: 1 / 5;
  order: 4;
}

#support .phone img {
  max-width: 255px;
}

#support .copy-background {
  grid-column: 1 / 8;
  grid-row: 3 / 5;
  background-color: #692C90BF;
}

#support .copy {
  grid-column: 2 / 4;
  grid-row: 4;
}

#support .award {
  grid-column: 5 / 7;
  grid-row: 4 / 6;
}

#support .award img {
  max-width: 320px;
}

@media screen and (max-width: 980px) {
  #support .phone {
    grid-column: 2 / 4;
    grid-row: 5;
    margin-top: 30px;
  }
}

@media screen and (max-width: 720px) {
  #support .title-block {
    grid-column: 1 / 2;
  }

  #support .title-text {
    grid-column: 3 / 6;
    margin-left: 30px;
  }

  #support .title-text h6 {
    max-width: 260px
  }

  #support .copy-background {
    grid-column: 1 / 6;
  }

  #support h6.learnmore-white {
    margin-left: 60px;
  }

  #support .award {
    grid-column: 4 / 6;
  }

  #support .award img {
    max-width: 240px;
    margin-top: -80px;
  }
}

@media screen and (max-width: 580px) {
  #support {
    max-width: 580px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 240px auto auto auto;
  } 

  #support .title-block {
    display: none;
  }

  #support .title-text {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  #support .phone {
    grid-column: 1 / 3;
    grid-row: 4;
    justify-self: end;
  }

  #support .copy-background {
    grid-column: 1 / 3;
    grid-row: 3;
    margin-top: 30px;
  }

  #support .copy {
    grid-column: 1 / 3;
    grid-row: 3;
    margin-top: 30px;
    padding: 20px;
  }

  #support .copy h6.learnmore-purple {
    margin: 30px 0;
  }

  #support .award {
    grid-column: 1 / 3;
    grid-row: 2;
    margin-top: 20px;
  }

  #support .award img {
    max-width: 320px;
    margin-top: 0;
  }
}

/* TESTIMONIAL QUOTES -- ALL PAGES */

#testimonials .quotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  grid-auto-rows: auto;
  grid-gap: 1rem;
}

@media screen and (max-width: 700px) {
  #testimonials .quotes {
    grid-template-columns: 1fr;
  }
}

#testimonials ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.iv-content .author-block h4 {
  padding: 0;
}

#testimonials h4.author {
  color: #692C90;
}

#testimonials h4.author-title {
  font-style: italic;
}

img.quotemark {
  max-width: 29px;
}

.quote h4 {
  margin-left: 32px;
  margin-bottom: 0;
}

.author-block {
  padding-left: 20px;
  margin-right:40px;
}

.author-block img {
  margin: 10px 0 0 32px;
}

.author-block.purple {
  background-color: #692C9016;
}


/* HOME ----- PARTNER SECTION */

#partners ul.logo-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, auto));
  grid-auto-rows: minmax(140px, auto);
  grid-gap: 1rem;
  align-items: center;
  max-width: 800px;
  margin: auto;
}

#partners ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#partners li {
  display: inline-grid;
  justify-items: center;
}

/* HOME ----- PARTNER LOGOS */
.unausa {
  max-height: 57px;
}

.ysa {
  max-height: 78px;
}

.ggw {
  max-height: 78px;
}

.kroger {
  max-height: 115px;
}

.nfl {
  max-height: 78px;
}

.hershey {
  max-height: 68px;
}

.mcsc {
  max-height: 102px;
}

.volunteernc {
  max-height: 64px;
}

.serveohio {
  max-height: 56px;
}

.creativevisions {
  max-height: 56px;
}

.tmf {
  max-height: 102px;
}

.humanityrising {
  max-height: 72px;
}

/* GLOBAL GOAL COLORS */

.gg1 {
  color: #e5243b;
}

.gg2 {
  color: #dda63a;
}


.gg3 {
  color: #4c9f38;
}

.gg4 {
  color: #c5192d;
}

.gg5 {
  color: #ff3a21;
}

.gg6 {
  color: #26bde2;
}

.gg7 {
  color: #fcc30b;
}

.gg8 {
  color: #a21942;
}

.gg9 {
  color: #fd6925;
}

.gg10 {
  color: #dd1367;
}

.gg11 {
  color: #fd9d24;
}

.gg12 {
  color: #bf8b2e;
}

.gg13 {
  color: #3f7e44;
}

.gg14 {
  color: #0a97d9;
}

.gg15 {
  color: #56c02b;
}

.gg16 {
  color: #00689d;
}

.gg17 {
  color: #19486a;
}

.iv-content.lt-gg2 {
  background-color: #dda63a24;
}

.iv-content.med-gg2 {
  background-color: #dda63aBF;
}

.iv-content.lt-gg12 {
  background-color: #bf8b2e24;
}

.iv-content.med-gg12 {
  background-color: #bf8b2eBF;
}

/* MAKE EMBEDDED VIDEOS RESPONSIVE */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* SCROLL TRIGGER ANIMATIONS */
.fromTopIn {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromTopOut {
  transition: transform 3.0s ease, opacity 1.0s ease;
  transform: translate(0,-10px);
  opacity: 0.0;
}

.fromLeftIn {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromLeftOut {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(-10px,0);
  opacity: 0.0;
}

.fromBottomIn {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,0);
  opacity: 1.0;
}

.fromBottomOut {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: translate(0,10px);
  opacity: 0.0;
}

.scaleDownIn {
  transition: transform 1.0s ease, opacity 1.0s ease;
  transform: scale(1.0,1.0);
  opacity: 1.0;
}

.scaleDownOut{
  transition: transform 5.0s ease, opacity 1.0s ease;
  transform: scale(0.7,0.7);
  opacity: 0.0;
}