.top-banner .flush-img-container.full-width.bg-primary {
  background-attachment: initial !important;
  background-image: initial !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.blue-banner .themeCustom {
  background-color: #111c4e;
  margin-bottom: 0rem;
  background-image: url(/_resources/images/themes/Troth-Yeddha-topo-border_2766.svg);
  background-size: cover;
}
.main-content {
  padding: 0rem 1rem;
}
h1.yellow {
  color: #ffcd00 !important;
  background-image: url(/_resources/images/themes/cartography-marks-gold-horizontal.svg);
  background-repeat: no-repeat;
  background-position: top-left;
  background-size: 75%;
  font-weight: 800;
  line-height: 2rem;
}
a.btn {
  font-family: 'dharma-gothic-e', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.multicolumn-container img {
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .175) !important;
  background: #fff;
  padding: 20px;
}
.grid-first {
  order: -1;
}
.blue-box {
  color: white;
  background-color: #111C4E;
  padding: 3em;
  background-image: url('/_resources/images/themes/Cartography-symbols_116.png'), url('/_resources/images/themes/Cartography-symbols_116-horizontal.png');
  background-repeat: no-repeat, no-repeat;
  background-position: left, top right;
  align-self: center;
}
.yellow-box {
  color: #111c43;
  background-color: #ffcd00;
  padding: 3em;
  background-image: url('/_resources/images/themes/Cartography_symbols_2766.png'), url('/_resources/images/themes/Cartography_symbols_2766-horizontal.png');
  background-repeat: no-repeat, no-repeat;
  background-position: right, top left;
  align-self: center;
}
.blurb-with-circle {
  align-items: center;
}
.circle-frame-yellow, .circle-frame-blue {
  overflow: visible !important;
  padding: 0px;
}
.circle-frame-yellow img {
  border-radius: 50% !important;
  outline: 12px dashed #111c4e;
  outline-offset: -6px;
  overflow: hidden;
  border: 12px solid #ffcd00;
  width: 100%;
  object-fit: cover;
}
.circle-frame-blue img {
  border-radius: 50% !important;
  outline: 12px dashed #ffcd00;
  outline-offset: -6px;
  overflow: hidden;
  border: 12px solid #111c4e;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .blue-box {
    background-image: url('/_resources/images/themes/Cartography-symbols_116-horizontal.png') !important;
    background-position: top !important;
    padding: 3em 1em 1em 1em !important;
  }
  .yellow-box {
    background-image: url('/_resources/images/themes/Cartography_symbols_2766-horizontal.png') !important;
    background-position: top !important;
    padding: 3em 1em 1em 1em !important;
  }
  .circle-frame-yellow {
    padding: 3em;
    order: -1;
    background-clip: border-box;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #111c4e 50%, #111c4e);
  }
  .circle-frame-yellow img, .circle-frame-blue img {
    width: 90% !important;
  }
  .circle-frame-blue {
    padding: 3em;
    order: -1;
    background-clip: border-box;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #ffcd00 50%, #ffcd00);
  }
}
@media (min-width: 768px) {
  .top-banner .flush-img-container .col-md {
    min-height: 372px;
  }
}
@media (min-width: 992px) {
  .top-banner .flush-img-container .col-md {
    min-height: 450px;
  }
}
@media (min-width: 1200px) {
  .top-banner .flush-img-container .col-md {
    min-height: 525px;
  }
}
@media (min-width: 1400px) {
  h1.yellow {
    font-size: 3.5rem;
    line-height: 2.5rem;
  }
  .top-banner .flush-img-container.full-width.bg-primary {
    background-position: top center !important;
  }
  .top-banner .flush-img-container .col-md {
    min-height: 720px;
  }
}