/* CSS Document */
@import url("https://use.typekit.net/olg0dlf.css");
.color-dark {
  color: #6fa95c; }

.color-dark {
  color: #edf5ea; }

/*---------- anchor ----------*/
.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px; }
  @media screen and (max-width: 767px) {
    .anchor {
      padding-top: 80px;
      margin-top: -80px; } }

h2 {
  text-align: center;
  color: #6fa95c;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  padding: 5rem 0; }
  @media screen and (max-width: 991px) {
    h2 {
      padding: 5rem 0 2rem; } }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 30px;
      font-size: 3rem; } }
  h2 span {
    font-family: 'Caflisch Script Pro', Caflisch-Script-Pro, sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    opacity: 0.4;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      h2 span {
        font-size: 32px;
        font-size: 3.2rem; } }

/*---------- header ----------*/
header #global-nav {
  display: block;
  position: fixed;
  max-width: 100%;
  width: 100%;
  height: 80px;
  z-index: 10;
  background-color: #fff; }
  header #global-nav h1 {
    color: #6fa95c;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    margin: 1rem;
    position: relative;
    left: 25%;
    top: 5%; }
    @media screen and (max-width: 1399px) {
      header #global-nav h1 {
        left: 15%; } }
    @media screen and (max-width: 1199px) {
      header #global-nav h1 {
        left: 10%; } }
    @media screen and (max-width: 991px) {
      header #global-nav h1 {
        left: 5%;
        top: 13%; } }
    header #global-nav h1 span {
      font-size: 30px;
      font-size: 3rem; }
      @media screen and (max-width: 991px) {
        header #global-nav h1 span {
          font-size: 25px;
          font-size: 2.5rem; } }
    header #global-nav h1 a {
      color: #6fa95c; }

.header-inner {
  color: #6fa95c; }
  .header-inner ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
    text-align: right;
    padding-right: 3rem;
    margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .header-inner ul {
        padding-right: 1.5rem; } }
    .header-inner ul li {
      display: inline-block;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      border-left: solid 1px #6fa95c; }
      .header-inner ul li:first-child {
        border-left: none; }
      .header-inner ul li a {
        color: #6fa95c;
        display: block;
        padding: 0 1em; }
        @media screen and (max-width: 991px) {
          .header-inner ul li a {
            padding: 0 1rem; } }
        .header-inner ul li a:hover {
          opacity: 0.6;
          text-decoration: underline; }

.header-inner .instagram::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f16d";
  font-weight: 400;
  font-size: 20px; }

/*---------- footer ----------*/
footer {
  background-color: #6fa95c;
  color: #fff; }
  footer #contact h2 {
    color: #fff;
    padding-bottom: 2.5rem; }
  footer #contact .address {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  footer #contact .phone {
    display: block;
    margin: 2.5rem auto -1.5rem;
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      footer #contact .phone {
        font-size: 40px;
        font-size: 4rem; } }
    @media screen and (max-width: 575px) {
      footer #contact .phone {
        font-size: 36px;
        font-size: 3.6rem; } }
    footer #contact .phone::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f095";
      margin-right: 1rem; }
  footer #contact .mail {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 3rem; }
    footer #contact .mail::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f0e0";
      margin-right: 1rem; }
  footer #contact a {
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 1rem 4em;
    border: solid 1px #fff;
    transition: 0.3s;
    margin-bottom: 2rem; }
    footer #contact a::after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f054";
      position: absolute;
      right: 1rem; }
    footer #contact a:hover {
      background-color: #fff;
      color: #6fa95c; }
  footer #contact .row a {
    width: 100%;
    padding: 1rem 0; }
  footer .disable-auto-tel a {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none !important;
    border: none !important;
    display: block !important;
    margin: 2.5rem auto -1.5rem !important;
    font-size: 50px !important;
    font-size: 5rem !important;
    font-weight: bold !important;
    padding: 0 !important; }
    footer .disable-auto-tel a::after {
      content: none !important; }
    @media screen and (max-width: 767px) {
      footer .disable-auto-tel a {
        font-size: 40px !important;
        font-size: 4rem !important; } }
    @media screen and (max-width: 575px) {
      footer .disable-auto-tel a {
        font-size: 36px !important;
        font-size: 3.6rem !important; } }