:root {
  --font-body: "Montserrat", sans-serif;
  font-size: 14px;
}

body {
  font-family: var(--font-body);
}

.btn-primary {
  background-color: #004174;
  border-color: #004174;
  color: white;
}
.btn-secondary {
  background-color: #54595F;
  border-color: #54595F;
  color: white;
}
.btn-accent {
  background-color: #61CE70;
  border-color: #61CE70;
  color: white;
}

.bg-primary {
  background-color: #004174 !important;
}
.bg-secondary {
  background-color: #54595F;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu li {
  display: inline;
}
.menu li a {
  color: white;
  padding: 4px 12px;
  text-decoration: none;
}

#hero {
  background-image: url(/images/eyedeuxHDRcolor.jpg);
  background-position: center center;
  background-size: cover;
}

.inner {
  background-color: rgba(0, 65, 116, 0.75);
  color: white;
}