
.section {
  position: relative;
}
.pt-3, .py-3 {
  padding-top: 36px !important;
}
.pb-6, .py-6 {
  padding-bottom: 64px !important;
}
.pt-6, .py-6 {
  padding-top: 64px !important;
}
.text-white {
  color: #fff !important;
}
.text-center {
  text-align: center !important;
}
.bg-primary {
  /* background-color: #007bff !important;*/
  background-color: #fff !important;
  height:200px;
} 
.section__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
}
.section__bg img {
   background-image:no-repeat center cover;
   background-color: rgba(0, 0, 0, 0.05);
   height:200px;
}
.section__bg.gradient {
  background: linear-gradient(180deg,rgba(0,0,0,0.35) 0,rgba(0,0,0,0.35) 100%);
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.text-shadow {
  text-shadow: .0875em .0875em .0875em rgba(0,0,0,0.66);
}
.bg-primary  h1 {
  font-size: 36px;
  text-align:center;
  align-items:center;
  justify-content:center;
  padding-top: 10px;
}

  @media only screen and (min-width: 1200px)
.container {
  max-width: 1140px;
  }
}
  @media only screen and (min-width: 992px)
.container {
  max-width: 960px;
  }
}
  @media only screen and (min-width: 768px)
.container {
  max-width: 720px;
}
.bg-primary {
   height:160px;
} 
.section__bg img {
   height:160px;
 }
}
  @media only screen and (min-width: 576px)
.container {
  max-width: 540px;
}
@media only screen and (max-width: 560px) {
 .section__bg {background-color: #163e79;}
  .bg-primary  h1 {
   padding: 32px 0 0 10px; font-size: 21px;
   text-transform: none; }   
}
@media only screen and (max-width: 679px) {
.bg-primary  h1 {
  font-size: 24px;
  }
}