.optins.card .primary-header {
  background-color: #005486;
  padding: 20px;
}

.box {
  border: 1px solid lightgrey;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.button.matches-btn {
  background-color: #005486;
  color: #fff;
}

.button.matches-btn-secondary {
  background-color: #ccc;
  color: #005486;
}

.navy-override {
  background-color: #005486 !important;
  color: #fff;
}

.grey-override {
  background-color: #ccc !important;
  color: #000;
}

.matches-banner {
  background-image: url("../img/matches-banner@2x.jpg");
  background-size: cover;
}
@media only screen and (max-width: 435px;) {
  .matches-banner {
    background-image: url("../img/matches-banner.jpg");
    background-size: cover;
  }
}

.body .card a {
  text-decoration: underline;
}

.body .card {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.02);
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.02);
  -moz-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.02);
}

.body .card-content {
  margin-left: 40px;
  margin-right: 40px;
}

.navbar-blue {
  background-color: #005486;
}

#navbarBurger {
  background-color: #005486;
  color: #fff;
}

.navbar-link {
  color: #fff;
}

.is-active .navbar-link {
  color: #005486;
}

.navbar-item.has-dropdown:hover > a {
  background-color: #fff;
  color: #005486;
}

.menu-list a.is-active {
  background-color: #fff;
  color: #005486;
  font-weight: bold;
}

.nav-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 15px 36px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #005486;
}

.image {
  height: 42px;
}

.link {
  padding-right: 15px;
  padding-left: 15px;
  font-family: Lato, sans-serif;
  color: #fff;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.link:hover {
  text-decoration: underline;
  color: #fff;
}

.homepage-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 48px;
  padding-bottom: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.homepage-heading {
  color: #fff;
  font-size: 60px;
  line-height: 100%;
  text-align: center;
}

.body {
  font-family: Lato, sans-serif;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bold-text {
  color: #fff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.5px;
}

.text-block {
  color: #fff;
  font-size: 18px;
  text-align: center;
}