Main Navigation page buttons not aligning with text

Hi Everyone, 

First time posting here, thanks in advance for the help! On my website, record-realty.com, I'm having trouble with the main page navigation. Specifically the links "our team", "order a drink", and "apartment finder. For some reason on desktop only (mobile is fine), those three links only work in the upper half of the letters. The bottom half are not clickable. Then, once you're on the site, you'll see a line running through the section as if that's the bottom of the clickable area showing up. Attached is a photo showing the line, and I'll put the code below. Anyone know how I can fix this to ensure all three buttons are properly clickable? 

Best, Aaron

// Rounded Corners - List //
.list-item[data-is-card-enabled="true"] {border-radius:10px} 
// END Rounded Corners - List //

// Inset Page Section Rounded Corners - Ghost //

.page-section.background-width--inset .section-background {
  border-radius: 30px !important;
}
 

// ContactForm-Solid Underline Style //

.form-wrapper .field-list .field .field-element, .form-wrapper .field-list .field .field-element:focus {
  color: #646d72;
  background: transparent;
  padding: 20px 0px;
  border-bottom: 3px solid #646d72;
  border-top: none;
  border-right: none;
  border-left: none;
}
.form-wrapper .field-list .title {
  font-family: Arboria;
  font-size: 8px;
  color: #646d72;
  letter-spacing: .1em;
  font-weight:900;
  text-transform: lowercase;
}

// Slow Scroll Navigation //
html {
  scroll-behavior: smooth;
}

// MOBILE MENU - Show On Desktop //

@media only screen and (min-width: 800px) { .header .header-burger {
  display: flex;
  margin-left: 20px;
  margin-right: 0px;
  order: 2 !important;
  }
  
.header--menu-open .header-menu {
  opacity: 1;
  visibility: visible;
  }
  
.header .header-title-nav-wrapper .header-nav {
  display: none;
  }}

// MOBILE MENU - Desktop Font Size //

@media screen and (min-width: 768px) {
  .header-menu-nav-item a {
    font-size: 32px;
    color: #646d72;
    line-height:.2em;
  }
}

// MOBILE MENU - Mobile Font Size //

@media screen and (max-width: 500px) {
  .header-menu-nav-item a {
    font-size: 22px;
    color: #646d72;
  }
}

// EASY VERTICAL TEXT - Vertical Text When Text Is Set To Italic  //

@media only screen and (min-width: 640px) { em {
  width: auto !important;
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  font-style: normal !important;
} }

em {
  font-style: normal !important;
}

// FULL SITE - Border Style //

main, footer {
  border-left: 0px solid #626D73;
  border-right: 0px solid #626D73;
}

// PAGE SECTION - Border Style //

.page-section {
  border-bottom: 0px solid #626D73;
}

// TEXT BLOCK - Border Style When Set With Background Setting //

.sqs-block.sqs-background-enabled {
  border: 1px solid #626D73;
  border-radius: 10px !important;
}

// COMING SOON - Hide Header Footer //

#collection-63730cccd38db341a2ada49e {
  header, footer {  
  display: none !important;
  }}

Hi,

What is site url?