body {
  height:100vh;
  font-family: 'Inter', sans-serif;
}

.text-align-center {
  text-align: center !important;
}

.justify-space-between {
  justify-content: center !important;
}

.site-header {
  padding: 0.5rem 0;
  margin: 2rem 0;
  width: 100%;
}
.site-header .nav_bar_lg {
  width: inherit;
}
.site-header .nav_bar_lg .desktop_nav_menu .nav_li {
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  font-weight: 500;
  color: #555;
  margin-right: 2.1rem;
  font-size: 18px;
  padding: 0.25rem 0;
}

.site-header .nav_bar_lg .desktop_nav_menu .nav_li_projects {
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  font-weight: 500;
  color: #555;
  margin-right: 2.1rem;
  font-size: 18px;
  padding: 6px 6px 6px;
  border-radius: 20px;
  border: 2px solid rgba(35, 105, 47, 0.9);
  transition: all 0.3s ease 0s;
}

.site-header .nav_bar_lg .desktop_nav_menu .nav_li:hover {
  border-bottom: 2px solid rgba(35, 105, 47, 0.9);
}

.site-header .nav_bar_lg .desktop_nav_menu .nav_li_projects:hover {
  background-color: rgba(35, 105, 47, 0.9);
  color: #fff;
}

.site-header .nav_bar_lg .m-nav-toggle-container .navbar-toggler {
  display: none;
}
.site-header .nav_bar_lg .m-nav-toggler-close .navbar-toggler-close {
  display: none;
}

.mobile_nav_menu {
  display: none;
}


@media screen and (max-width: 750px) {
  body {
    width: 100%;
  }

  .site-header .nav_bar_lg .desktop_nav_menu {
    display: none;
  }
  .site-header .nav_bar_lg .m-nav-toggle-container .navbar-toggler {
    display: block;
    padding: 0.5rem;
    background-color: transparent;
    border: none;
    outline: none;
  }
  .site-header .nav_bar_lg .m-nav-toggler-close .navbar-toggler-close {
    display: none;
    font-size: 2rem;
    padding: 0.5rem;
    background-color: transparent;
    border: none;
    outline: none;
  }

  .mobile_nav_menu {
    padding: 1rem 0;
    display: none;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 6rem;
    height: 100%;
    z-index: 8;
    overflow-x: hidden;
    margin: auto 0;
  }
  .mobile_nav_menu .nav_items {
    display: block;
  }
  .mobile_nav_menu .nav_items .m_nav_link {
    color: #555;
    text-decoration: none;
    display: block;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0.6rem 0;
    padding: 0.3rem 1rem;
  }

  .fixedPosition
 {
    position: fixed;
 }

 .staticPosition
 {
    position: static;
 }