section.block-page-banner {
  background:linear-gradient(to bottom, #00348c 0%, #003DA5 50%);
  color:#d1dbe4;
  position:relative;
  text-align:center
}
section.block-page-banner .container {
  padding-top:75px;
  padding-bottom:76px;
  position:relative;
  z-index:1;
  max-width:650px
}
@media screen and (min-width: 768px) {
  section.block-page-banner .container {
    padding-top:95px;
    padding-bottom:96px
  }
}
@media screen and (min-width: 992px) {
  section.block-page-banner .container {
    padding-top:115px;
    padding-bottom:116px
  }
}
section.block-page-banner h1,
section.block-page-banner h2 {
  font-size:34px;
  font-size:2.125rem;
  color:white;
  margin:0
}
@media screen and (min-width: 576px) {
  section.block-page-banner h1,
  section.block-page-banner h2 {
    font-size:44px;
    font-size:2.75rem
  }
}
@media screen and (min-width: 768px) {
  section.block-page-banner h1,
  section.block-page-banner h2 {
    font-size:54px;
    font-size:3.375rem
  }
}
section.block-page-banner p {
  padding-top:20px
}
@media screen and (min-width: 768px) {
  section.block-page-banner p {
    font-size:18px;
    font-size:1.125rem
  }
}
section.block-page-banner p {color:#d1dbe4;}
section.block-page-banner p a {color:#FFC738}
section.block-page-banner p a:focus {outline: #FFC738 dotted 2px !important; outline-offset: 4px;}
section.block-page-banner .image {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:100%;
  z-index:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
@media screen and (min-width: 992px) {
  section.block-page-banner .image {
    left:25%
  }
}
section.block-page-banner .image::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,61,165,0.9)
}
@media screen and (min-width: 768px) {
  section.block-page-banner .image::before {
    background:linear-gradient(to right, #003DA5, rgba(0,61,165,0.6))
  }
}
section.block-page-banner.has-post-thumbnail {
  background:#003DA5;
  text-align:left
}
section.block-page-banner.has-post-thumbnail .container {
  max-width:1200px;
  padding-left: 0px;
  padding-right: 0px;
}
section.block-page-banner.has-post-thumbnail h1,
section.block-page-banner.has-post-thumbnail h2,
section.block-page-banner.has-post-thumbnail p {
  max-width:650px
}
section.block-page-banner.alignfull:first-child {
  margin-top:-100px
}
section.block-page-banner.alignfull:last-child {
  margin-bottom:-100px
}