.bg-oxford-blue {
  background-color: #000034; /* Oxford Blue */
}

.bg-nav{
  background-color: rgba(0, 0, 34, .8); /* Oxford Blue */
}

.bg-paynes-gray {
  background-color: #4a6670; /* Payne's Grey */
}

.bg-teal {
  background-color: #4b9f93; /* Teal */
}

.bg-timberwolf {
  background-color: #cfcfcd; /* Timberwolf */
}

.bg-off-white {
  background-color: rgb(248, 249, 250); /* Off-White */
}

.bg-mb-pink {
  background-color: #F25F5C; /* Mountbatten Pink */
}

.bg-bittersweet {
  background-color: #f25f5c; /* Bittersweet */
}

.text-oxford {
  color: #000034 !important; /* Oxford Blue */
}

.text-paynes-gray {
  color: #4a6670 !important; /* Payne's Grey */
}

.text-timberwolf {
  color: #cfcfcd !important; /* Timberwolf */
}

.text-mb-pink {
  color: #F25F5C !important; /* Mountbatten Pink */
}

.text-bittersweet {
  color: #f25f5c !important; /* Bittersweet */
}

.nexa-bold {
  font-family: "nexa", sans-serif !important;
  font-weight: 750;
  font-style: normal;
}

.logo-icon {
  max-height: 25px;
}

.btn-nav-contact {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
}

.zoom {
  transition: transform .2s; /* Animation */
}

@media (hover: hover) {
  .zoom:hover {
    transform: scale(1.025); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
}