:root {
  --mpk-navy: #082d6b;
  --mpk-deep-navy: #071c49;
  --mpk-pale-grey: #f3f6fa;
  --mpk-pale-blue: #eaf2ff;
  --mpk-ink: #102b57;
}

body { background: var(--mpk-pale-grey); color: var(--mpk-ink); }

.menu .navbar,
#menu2-contact .navbar { background: #fff !important; box-shadow: 0 1px 0 rgba(8, 45, 107, .12); }

.header12,
.header13,
.header14,
.header1,
.features4,
.features15,
.features38,
.article11,
.form5 { background-color: var(--mpk-pale-grey); }

.mpk-gallery,
.mpk-why,
.mpk-testimonials { background: var(--mpk-pale-grey); }

.mpk-standard-logo-header { padding: 2.4rem 0 3.5rem !important; background: linear-gradient(180deg, #f6f9ff 0%, #fff 100%) !important; }

.mpk-standard-logo-wrap { width: 100%; margin: 0 auto; }

.mpk-standard-logo-wrap .mpk-standard-logo-image { display: block; width: min(100%, 26rem) !important; height: auto; margin: 0 auto; }

.mpk-site-footer { background: var(--mpk-deep-navy) !important; }

/* Keep the main service and order introductions deep blue so their light text is readable. */
.features38 { background-color: var(--mpk-navy) !important; }

.features38 .mbr-section-title,
.features38 .mbr-text { color: #fff !important; }

.form5.order-form { background-color: var(--mpk-navy) !important; }

.btn-black,
.mbr-section-btn .btn-black { background-color: var(--mpk-navy) !important; border-color: var(--mpk-navy) !important; }

.btn-black:hover,
.mbr-section-btn .btn-black:hover { background-color: var(--mpk-deep-navy) !important; border-color: var(--mpk-deep-navy) !important; }

.btn-outline-dark { color: var(--mpk-navy) !important; border-color: var(--mpk-navy) !important; }

.btn-outline-dark:hover { background: var(--mpk-navy) !important; color: #fff !important; }

@media (max-width: 767px) {
  .mpk-standard-logo-header { padding: 2rem 0 2.75rem !important; }
}