body#OCH_website {
  .global-search__input {
    font-size: 4rem;
  }

  .global-nav .search-text-mob {
    font-size: 2rem;
  }

  .global-nav__container {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr;
  }

  .global-nav__leftlogo img {
    width: 40px;
    height: 58px;
  }

  .global-nav__logo img {
    width: 200px;
  }

  .global-nav__mt {
    display: grid;
    padding: 0px;
  }

  .global-nav__mt.is-sticky {
    flex-grow: 1;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    padding: 0;
  }

  .global-nav--white-nav .global-nav__mt {
    background-color: #f3eee7;
    padding: 0px;
  }
  .button--secondary {
    border: 1px solid #fff;
  }
  .primary-globalnav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    padding: 0px 10px;
    align-items: center;
    grid-template-rows: 80px;
  }

  .left-logo {
    justify-self: start;
  }

  .global-nav__icons {
    justify-self: end;
    height: 37px;
    display: unset;
  }

  .global-nav__shim {
    display: none;
  }

  .global-nav__mb {
    justify-content: flex-end;
    min-width: unset;
    width: unset;
    max-width: fit-content;
  }

  .global-nav__cta {
    margin: 0;
    background-color: #481217;
    color: #fff;
    padding: 0;
  }

  a.global-nav__cta {
    margin: 0;
    background-color: #481217;
    color: #fff;
    padding: 0.9rem 5.2rem;
  }

  .global-nav--white-nav .global-nav__item {
    color: #481217;
  }

  .global-nav--transparent.global-nav--white-nav .secondary-globalnav {
    border-top: 1px solid #481217;
    border-bottom: 1px solid #481217;
  }

  .global-nav--transparent .secondary-globalnav {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .global-nav--transparent a.global-nav__cta {
    background-color: transparent;
  }

  .global-nav--transparent a.global-nav__cta:hover {
    background-color: #481217;
    border: solid 2px #481217;
  }

  .global-nav--transparent a.global-nav__cta:active {
    background-color: #481217;
    border: solid 1px #481217;
  }

  .global-nav--white-nav a.global-nav__cta {
    background-color: #481217;
    border: solid 1px #481217;
  }

  .right-hamburger {
    align-self: center;
    grid-column: 3/4;
    justify-self: end;
  }

  .och-logo {
    align-self: center;
    grid-column: 2/3;
  }

  .global-navigation-search {
    align-self: center;
  }

  .leftmob-logo {
    justify-self: start;
  }

  .global-nav__nav.show-subnav .global-nav__item {
    color: #fff;
  }

  .global-subnav__logo-link .global-nav__logo--black {
    min-width: 200px;
  }

  .global-nav--white-nav.global-nav--hover .och-logo {
    display: none;
  }

  .global-nav__nav.show-subnav {
    background-color: #481217;
  }

  .show-subnav .global-nav__items .global-subnav__main {
    all: unset;
    background-color: #481217;
    font-size: 18px;
    padding: 0px;
  }

  .show-subnav .global-nav__items {
    all: unset;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-content: center;
    margin-top: 2rem;
    padding-left: 2rem;
    list-style-type: none;
  }

  .show-subnav .global-nav__item {
    border: unset;
    display: flex;
    gap: 5px;
  }

  .show-subnav .button--close {
    color: #fff;
  }

  .global-subnav__close-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .show-subnav img.och-whitelogo.global-nav__logo--white {
    width: 200px;
  }

  .show-subnav .global-nav__logo--black {
    display: none;
  }

  .show-subnav .globalmobile-subnavitems {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    padding: 13px 10px;
  }

  .show-subnav .global-subnav__logo-link {
    position: unset;
  }

  .show-subnav .is-mobile-nav-only {
    display: unset;
  }

  .show-subnav .global-subnav__close {
    position: unset;
  }

  .show-subnav .right-closeicon {
    justify-self: end;
  }

  svg.size-6 {
    width: 20px;
  }

  .global-mobilesubnav {
    display: grid;
  }

  .show-subnav .global-nav__mb {
    position: unset;
    all: unset;
    margin-top: 2rem;
  }

  .show-subnav .global-nav__cta {
    border: none;
    padding: 0.9rem 2.2rem;
    font-size: 18px;
    text-transform: lowercase;
  }

  .show-subnav .global-nav__cta::first-letter {
    text-transform: uppercase;
  }

  .show-subnav .globalmobile-subnavitems .globalsubnav__logo--black {
    display: none;
  }

  .global-nav--white-nav:active,
  .global-nav--white-nav
    .global-nav__container.is-sticky
    .global-subnav__main--nosubNav.global-subnav__main:hover {
    color: #000000 !important;
    border-bottom: 1px solid #481217;
  }

  .global-nav__mt.is-sticky:active,
  .global-subnav__main--nosubNav.global-subnav__main:hover {
    border-bottom: 1px solid #481217;
  }

  @media (min-width: 1050px) {
    .global-nav__container {
      padding-right: 0;
    }
  }

  @media (min-width: 1170px) {
    .global-nav__logo img {
      max-width: 200px;
      max-height: 33px;
    }

    .global-nav--white-nav .global-nav__container {
      background-color: #f3eee7;
      padding-top: 5px;
    }

    .secondary-globalnav {
      display: grid;
      grid-template-columns: 2.5fr 1fr;
      border-top: 1px solid #481217;
      border-bottom: 1px solid #481217;
      align-items: center;
      padding-left: 24.6rem;
      justify-items: flex-end;
    }

    .global-nav__nav {
      position: static;
      display: grid;
      height: 3.5rem;
      -webkit-transform: none;
      background-color: transparent;
      padding-bottom: 0;
      -webkit-transition: none;
      transition: none;
      transform: none;
      overflow-y: visible;
    }

    .global-subnav__main {
      font-family: Roboto, sans-serif;
      font-size: 14px;
      letter-spacing: normal;
      line-height: 2rem;
      padding: 0 10px;
      margin: 0;
      text-align: center;
      background-color: transparent;
      font-weight: 400;
    }

    .global-nav__mb {
      padding: 0;
    }

    .global-nav__items {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .global-nav__search:hover::after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: -0.1rem;
      height: 0.2rem;
      margin-bottom: -2.6rem;
      background-color: unset;
      left: 0;
    }

    .global-nav__search:hover {
      color: #481217;
    }

    .global-nav--hover .global-nav__mb {
      display: none;
    }

    .global-nav__container.is-sticky .global-nav__mt.is-sticky .leftmob-logo {
      display: none;
    }

    .leftmob-logo {
      display: none;
    }

    .global-nav__item svg {
      display: none;
    }

    .global-mobilesubnav .global-nav__mb {
      display: none;
    }

    .mobilefooternav-items {
      display: none;
    }

    .global-nav--hover .global-nav__item:hover .global-subnav__main {
      border-bottom: 1px solid #481217;
    }
  }

  @media (min-width: 1235px) {
    .global-subnav__main {
      padding: 0;
    }
  }

  @media (max-width: 1170px) {
    .global-nav__mt.is-sticky {
      padding: 13px 10px;
    }

    .global-nav__mt {
      padding: 0px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .show-subnav .global-nav__item.noplus-icon svg {
      display: none;
    }

    .secondary-globalnav .global-nav__mb.main-booknow.is-sticky {
      display: none;
    }

    .mobilefooternav-items {
      font-size: 16px;
    }

    .mobilefooternav-items .mobile-nav-supplementary {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      text-decoration: none;
      list-style: none;
      color: #fff;
      justify-items: center;
      padding: 20px 300px;
      column-gap: 40px;
      border-top: 1px solid #fff;
      margin-top: 50px;
    }

    .mobilefooternav-items .mobile-nav-supplementary a {
      text-decoration: none;
    }
  }

  @media (max-width: 915px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 270px;
    }
  }

  @media (max-width: 860px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 250px;
    }
  }

  @media (max-width: 812px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 230px;
    }
  }

  @media (max-width: 773px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 200px;
    }
  }

  @media (max-width: 715px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 150px;
    }
  }

  @media (max-width: 612px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 100px;
    }
  }

  @media (max-width: 513px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 70px;
    }
  }

  @media (max-width: 474px) {
    .mobilefooternav-items .mobile-nav-supplementary {
      padding: 20px 40px;
      gap: 30px;
    }
  }

  @media (min-width: 768px) {
    .button--close .button__text {
      display: none;
    }
  }

    .global-nav__logo {
        img {
            width: 200px;
            height: unset;
        }
    }
    .global-nav__container.is-sticky {
        .global-nav__logo {
            img {
                width: 200px;
            }
        }
        .global-nav__logo--black {
            height: unset;
        }
    }
    .global-nav--white-nav {
        .global-nav__search {
            svg {
                color: #481217;
            }
        }
    }

}

#OCH_website.is-scroll-down
  .global-nav__container
  .global-nav__mt
  .leftmob-logo {
  display: none;
}


@media (max-width: 1170px) {
	#OCH_website.is-scroll-down {
		.global-nav__container {
			.global-nav__mt {
				padding: 13px 10px;
				grid-template-columns: repeat(3, 1fr);
				justify-items: center;
				align-items: center;
				.leftmob-logo {
					display: unset;
				}
			}
		}
		.global-nav--white-nav {
			.global-nav__container {
				.global-nav__mt {
					padding: 13px 10px;
					grid-template-columns: repeat(3, 1fr);
					justify-items: center;
					align-items: center;
				}
			}
		}
	}
	#OCH_website.is-scroll-up {
		.global-nav--white-nav {
			.global-nav__nav.show-subnav {
				img {
					display: unset;
				}
				img.global-nav__logo--black {
					display: none;
				}
				.center-ochlogo {
					justify-self: center;
					align-self: center;
				}
			}
		}
	}    
}

 