@font-face {
  font-family: "libra-serif";
  src:
    local("Libra Serif Modern"),
    url("./libra_serif/LibraSerifModern-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "libra-serif-bold";
  src:
    local("Libra Serif Modern Bold"),
    url("./libra_serif/LibraSerifModern-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "libra-serif-bold-italic";
  src:
    local("Libra Serif Modern Bold Italic"),
    url("./libra_serif/LibraSerifModern-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: "libra-serif-italic";
  src:
    local("Libra Serif Modern Italic"),
    url("./libra_serif/LibraSerifModern-Italic.woff2") format("woff2");
}

.ee-nav-item, .ee-nav-drop > a, i {
  text-decoration: none;
  color: #878787 !important;
  transition: all .3s ease-out;
  display: inline-block;
}

.ee-nav-item:hover, .ee-nav-drop > a:hover, i:hover {
  color: #1A3C69 !important;
  transform: scale(1.1);
}

div {
  scroll-margin-top: 50vh;
}

.ee-nav {
  display: inline-flex;
}

.ee-nav-drop { 
  display: none;
  font-size: 3rem;
  margin: -1rem;
}
.nav-container {
  width: 45rem; 
  max-width: 70%;
  border-top: 1px solid #BFA76C;
  border-bottom: 1px solid #BFA76C;
  z-index: 100;
  background-color: #fff;
}

.face {
  width: 18rem; 
  opacity: .4; 
  position: absolute; 
  top: -30px; 
  right: 0; 
  max-width: 30%;
}

@media only screen and (max-width: 975px) {
  .face { display: none; }
  .nav-container {  
    max-width: 95%;
    margin: auto;
  }
}

@media only screen and (max-width: 675px) {
  .ee-nav-drop { display: block; }
  .ee-nav { 
    display: none; 
  }
  .ee-nav-item {
    margin-top: 2rem !important;}
}

@media only screen and (min-width: 1400px) {
  .face { 
    width: 24rem;
  }
}

body {
  background-color: #fff;
  color: #000;
  font-family: 'libra-serif';
}

h1, h2 {
  font-family: 'libra-serif-bold';
}

h1 { 
  color: #1A3C69;
  font-size: 2.1rem;
  letter-spacing: -1px !important;
}

h2 { text-transform: none; }

.fit-x {
  width: fit-content;
}

textarea {
  field-sizing: content;
}

.section {
  margin-top: 3rem;
  width: 1200px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.modal-header {
  border-bottom: 1px solid #BFA76C;
}

.modal-footer {
  border-top: 1px solid #BFA76C;
}

.icon-current {
  color: #1A3C69 !important; 
  transform: scale(1.5) !important;
}

i { cursor: pointer; }

p { 
  letter-spacing: 0px !important;
  font-size: 1.2rem;
}