/*Full Page With Wrapper*/

body {
    margin: 0;
    font-family: CATEgravers; 
   }
   
   @font-face { 
    font-family: CATEgravers; 
    src: url(/assets/fonts/CATEngravers/CAT_Engravers.ttf)
   }
   h1 {
    color: #8c510d;
    font-size: 3em; /* 56px/16=2.5em */
    }
    
    h2 {
      font-size: 2em; /* 32px/16=1.875em */
     }
     h3 {
      font-size: 1.875em; /* 30px/16=1.875em */
      font-weight: normal;
     }
      p {
        font-size: 1.25em; /* 14.5px/16=1.25em */
      }
   .hero-image-wrapper {
     background-position: top center;
     background-size: cover;
   }  
   
   .hero-image {
     height: 100%;
     width:  100%;  
     background-repeat: no-repeat;
     position: relative;
   }
   
   .hero-text {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 10%;
     transform: translate(-50%, -50%);
     color: #733b0b;
   }
/*Horizontal Navigation Menu for top of Home Page*/  
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cfb98eff;
  }
  
  li {
    float: left;
    border-right:1px solid #f0cfb4;
  }
  
  li:last-child {
    border-right: none;
  }
  
  li a {
    display: block;
    color: #42260f;
    text-align: center;
    padding: 14px 16px;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
  }
  
  li a:hover:not(.active) {
    background-color: #cbaf7fff;
  }
  
  .active {
    background-color: #804b1f;
  }
/*New Stuff */
  .tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    /*background-color: NO BACKGROUND;*/
    color: #804b1f;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    top: -5px;
    left: 105%;
    }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }