/* allow banner to be larger than image width */

.jsGallery.banner_gallery .slide {

  left: 0;

  right: 0;

}



.jsGallery.banner_gallery .jsgimg {

  width: 100%;

  min-width: var(--min-screen-width);

  max-height: unset;

}



.fixed-header .nopgbanner {

  height: var(--max-header-height);

}



.insetLarge {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

}



.fixed-header .insetLarge {

  height: calc(100% - (var(--max-header-height)));

  margin-top: calc((var(--max-header-height)) - 100px);

}



.insetLarge a.cms-button-a,

.insetSmall a.cms-button-a {

  display: inline;

  padding: 0.75rem 1.25rem;

}



.insetSmall>.standard-width,

.insetLarge>.standard-width {

  width: 100%;

}



.insetSmall .banner-header,

.insetLarge .banner-header {

  font-size: 3rem;

  text-align: center;

  line-height: 1.45em;

}



.insetSmall .banner-header,

.insetLarge .banner-header,

.insetSmall .banner-header span,

.insetLarge .banner-header span {

  font-weight: 800;

}



.insetSmall p,

.insetLarge p {

  margin: 0.5rem auto;

  text-align: center;

  font-weight: 400;

  font-size: 1.5rem;

  line-height: 1.15em;

	color: #ffffff;

}



.insetSmall p:last-child,

.insetLarge p:last-child {

  margin-top: 1.5rem;

  margin-bottom: 0;

  text-shadow: none;

}





.jsGallery .insetSmall {

  display: none;

}



/* ;nav-transition-from-mobile; 1186px but max-width: -1px */

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

  .fixed-header .insetLarge {

    height: 100%;

    margin-top: 0;

  }



  .nopgbanner {

    height: 0px;

  }



  .fixed-header .nopgbanner {

    height: 0px;

  }



}



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

  .insetLarge .wrap {

    padding: 1.5rem;

    width: calc(100% - 3rem);

  }



  .insetLarge .standard-width {

    width: calc(100% - 3rem);

  }



  .insetLarge .banner-header {

    font-size: 2.75rem;

  }



  .insetLarge p {

    font-size: 1.75rem;

  }

}





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

  .insetLarge p {

    margin: 0 auto;

  }



  #header .insetLarge p a.btn {

    padding: 0.5rem 0.75rem;

    font-size: 0.85rem;

  }



  .insetLarge p a.cms-button-a,

  .insetLarge p a.cms-button-a:visited {

    margin-bottom: 0;

  }

}





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

  .insetLarge p:last-child {

    width: 100%;

    margin-top: 0.5rem;

  }



  .insetLarge p a.cms-button-a:nth-of-type(1) {

    margin-right: 0.5rem;

  }

}



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

  .insetLarge {

    display: none;

  }



  .jsGallery .insetSmall {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-top: 0;

  }



  .insetSmall .banner-header {

    font-size: 2rem;

  }



  .insetSmall p {

    font-size: 1.5rem;

  }



  .insetSmall .banner-header,

  .insetSmall p {

    line-height: 1.15em;

  }



  .insetSmall p:last-child {

    margin-top: 1rem;

  }

}



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

  #header .insetSmall p a.btn {

    padding: 0.3rem 0.6rem;

  }

}



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



  .btn-top-header-join,

  .btn-top-header-donate {

    display: none;

  }



  .insetSmall .banner-header {

    font-size: 1.75rem;

  }



  .insetSmall p {

    font-size: 1.25rem;

  }

}



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

  .insetSmall a.cms-button-a {

    padding: .5rem 1rem;

  }

}



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

  .insetSmall .banner-header {

    font-size: 1.5rem;

  }



  .insetSmall p {

    font-size: 1rem;

  }

}