@font-face {
  font-family: 'Graphik Regular';
  src: url("../fonts/Graphik-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Graphik Medium';
  src: url("../fonts/Graphik-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'Graphik Wide';
  src: url("../fonts/GraphikWide-Regular-Web.woff2") format("woff2"), url("../fonts/GraphikWide-Regular-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal; }

html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  font-family: 'Graphik Regular', sans-serif;
  margin: 0px;
  background-color: #FFFFFF; }

button {
  background: #E8542C;
  border: none;
  font-size: 2.4vw;
  padding: 5px 20px 5px 20px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: 'Graphik Regular', sans-serif;
  box-shadow: 0px 3px 6px #00000029; }

.info-text {
  font-size: 2.4vw;
  margin-top: 15px;
  max-width: 40ch;
  text-align: center; }

.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden; }
  .wrapper.blur {
    filter: blur(4px); }

header {
  width: 100vw;
  height: 7vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #FFFFFF; }
  header .mobile-navigation {
    width: 100vw;
    float: left;
    display: block;
    overflow: hidden;
    position: relative; }
    header .mobile-navigation .logo img {
      margin-top: 2vh;
      margin-left: 3vw;
      width: 70vw; }
    header .mobile-navigation .icon {
      font-size: 6vw;
      position: absolute;
      right: 5vw;
      top: 1.5vh;
      color: #262626;
      text-decoration: none; }
    header .mobile-navigation #mobile-navigation-links {
      display: none;
      height: 23vh;
      width: 100vw;
      background-color: #FFFFFF; }
      header .mobile-navigation #mobile-navigation-links a {
        text-decoration: none;
        color: #262626;
        padding: 0.5vh 3.5vw;
        display: block;
        font-size: 4.5vw; }
  header .navigation {
    display: none; }

/* Homepage */
.homepage-wrapper {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 8vh;
  background-color: #F0EEED; }
  .homepage-wrapper .homepage-content-left-wrapper {
    width: 100%;
    background-image: url("../images/home_page_image_darkened_small.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    padding: 2vh 0vw; }
    .homepage-wrapper .homepage-content-left-wrapper div {
      margin: 0vh 3.5vw; }
      .homepage-wrapper .homepage-content-left-wrapper div h2 {
        font-family: 'Graphik Medium', sans-serif;
        font-size: 5vw;
        font-weight: 400;
        color: #FFFFFF;
        padding: 0px 18px 5px 0px;
        display: inline-block;
        border-bottom: 2px solid #E8542C;
        margin-top: 5px;
        margin-bottom: 1.5vh; }
      .homepage-wrapper .homepage-content-left-wrapper div h3 {
        font-family: 'Graphik Regular', sans-serif;
        font-size: 2.5vw;
        color: #FFFFFF;
        max-width: 100%;
        margin: 0 0 2vh 0; }
      .homepage-wrapper .homepage-content-left-wrapper div p {
        width: 85vw;
        font-size: 2.1vw;
        color: white;
        margin-top: 0px;
        margin-bottom: 5px;
        font-family: 'Graphik Medium', sans-serif;
        font-weight: 500; }
      .homepage-wrapper .homepage-content-left-wrapper div a {
        width: 70%;
        font-size: 2.35vw;
        color: #FFFFFF; }
  .homepage-wrapper button {
    margin-top: 6.5vh;
    margin-bottom: 0px; }

/*about page*/
.about-wrapper {
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  background-color: #F0EEED; }
  .about-wrapper h2 {
    font-size: 4.5vw;
    margin: 3vh 3vw;
    font-family: 'Graphik Medium';
    font-weight: 400; }
  .about-wrapper .about-left-container-wrapper .about-left-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #FFFFFF;
    margin: 1vh 3vw; }
    .about-wrapper .about-left-container-wrapper .about-left-container .about-left-pictures {
      margin-left: 3vw;
      margin-right: 5vw; }
      .about-wrapper .about-left-container-wrapper .about-left-container .about-left-pictures img {
        width: 25vw; }
    .about-wrapper .about-left-container-wrapper .about-left-container .about-left-text {
      display: flex;
      flex-direction: column;
      margin-top: 3vw; }
      .about-wrapper .about-left-container-wrapper .about-left-container .about-left-text img {
        width: 25vw;
        margin-top: 2.5vw;
        height: 3vw; }
      .about-wrapper .about-left-container-wrapper .about-left-container .about-left-text p {
        font-size: 3vw;
        margin-top: 1vw;
        width: 60vw; }
  .about-wrapper .about-right-container-wrapper .about-right-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #FFFFFF;
    margin: 1vh 3vw; }
    .about-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      margin-left: 3vw;
      margin-right: 5vw; }
      .about-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures img {
        width: 25vw; }
      .about-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures .ihg-boost-images {
        display: flex;
        flex-direction: column; }
        .about-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures .ihg-boost-images img {
          width: 23vw; }
    .about-wrapper .about-right-container-wrapper .about-right-container .about-right-text {
      display: flex;
      flex-direction: column;
      margin-top: 3vw; }
      .about-wrapper .about-right-container-wrapper .about-right-container .about-right-text img {
        width: 25vw;
        margin-top: 2.5vw;
        height: 3vw; }
      .about-wrapper .about-right-container-wrapper .about-right-container .about-right-text p {
        font-size: 3vw;
        margin-top: 1vw;
        width: 55vw; }
  .about-wrapper .about-bottom-section {
    text-align: center;
    margin-bottom: 10vw;
    margin-top: 2vh; }
    .about-wrapper .about-bottom-section button {
      margin-bottom: 1vh; }
    .about-wrapper .about-bottom-section a {
      font-size: 3vw; }

.about-wrapper #about {
  position: relative;
  top: -120px; }

.contact-wrapper {
  background-color: #F0EEED;
  width: 100vw;
  height: fit-content; }
  .contact-wrapper .contact-right-container-wrapper {
    float: right;
    width: 100%;
    background-color: #F0EEED; }
    .contact-wrapper .contact-right-container-wrapper .contact-right-container {
      margin-left: 4vw;
      margin-top: 8vh; }
      .contact-wrapper .contact-right-container-wrapper .contact-right-container h2 {
        margin: 3vh 3vw 3vh;
        font-size: 5.5vw;
        width: 75%;
        font-family: 'Graphik Medium', sans-serif;
        font-weight: 400; }
      .contact-wrapper .contact-right-container-wrapper .contact-right-container a {
        cursor: pointer;
        color: #E8542C;
        text-decoration: underline; }
    .contact-wrapper .contact-right-container-wrapper .account-support {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      margin-top: 3vh; }
      .contact-wrapper .contact-right-container-wrapper .account-support img {
        width: 15vw;
        margin-right: 3vw;
        margin-left: 3vw; }
    .contact-wrapper .contact-right-container-wrapper .account-contact-text, .contact-wrapper .contact-right-container-wrapper .program-contact-text {
      font-size: 4.5vw;
      margin-top: 1vh; }
      .contact-wrapper .contact-right-container-wrapper .account-contact-text h3, .contact-wrapper .contact-right-container-wrapper .program-contact-text h3 {
        font-size: 1.7vw;
        font-family: "Graphik Regular", sans-serif;
        font-weight: 400;
        margin: 0 0 1vh 0; }
        @media (max-width: 1200px) {
          .contact-wrapper .contact-right-container-wrapper .account-contact-text h3, .contact-wrapper .contact-right-container-wrapper .program-contact-text h3 {
            font-size: 2.1vw; } }
        @media (max-width: 1000px) {
          .contact-wrapper .contact-right-container-wrapper .account-contact-text h3, .contact-wrapper .contact-right-container-wrapper .program-contact-text h3 {
            font-size: 3vw; } }
        @media (max-width: 700px) {
          .contact-wrapper .contact-right-container-wrapper .account-contact-text h3, .contact-wrapper .contact-right-container-wrapper .program-contact-text h3 {
            font-size: 4vw; } }
      .contact-wrapper .contact-right-container-wrapper .account-contact-text p, .contact-wrapper .contact-right-container-wrapper .program-contact-text p {
        margin-top: 0; }
      .contact-wrapper .contact-right-container-wrapper .account-contact-text i, .contact-wrapper .contact-right-container-wrapper .program-contact-text i {
        font-size: 3.2vw;
        font-weight: 500; }
      .contact-wrapper .contact-right-container-wrapper .account-contact-text a, .contact-wrapper .contact-right-container-wrapper .program-contact-text a {
        font-size: 3.3vw;
        font-weight: 500; }
    .contact-wrapper .contact-right-container-wrapper .program-questions {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      margin-top: 2vh; }
      .contact-wrapper .contact-right-container-wrapper .program-questions img {
        width: 15vw;
        margin-right: 3vw;
        margin-left: 3vw; }

.mobile-view-final-image {
  width: 74%;
  height: 60vh;
  margin-top: 4vh;
  background-image: url("../images/ihgor-brand-bar-collection-gray-rgb-horz-en.svg");
  background-repeat: no-repeat;
  background-color: #FFFFFF; }

.contact-wrapper #contact {
  position: relative; }

@media screen and (min-width: 400px) {
  .mobile-view-final-image {
    width: 75%; } }

@media screen and (min-width: 520px) {
  header .mobile-navigation #mobile-navigation-links {
    height: 30vh; }
  .homepage-wrapper .homepage-content-left-wrapper {
    padding: 3vh 0vw; }
  .homepage-wrapper button {
    margin-top: 14.5vh; } }

@media (min-width: 768px) {
  header .mobile-navigation .icon {
    top: 1vh; }
  button {
    font-size: 3vw;
    padding: 10px 20px 10px 20px; }
  .info-text {
    font-size: 1.7vw; }
  .mobile-view-final-image {
    height: 95vh; } }

@media (min-width: 950px) {
  button {
    padding: 10px 20px 10px 20px;
    font-size: 1.4vw; }
  .wrapper {
    background-color: #F0EEED; }
  header {
    height: 120px; }
    header .logo {
      width: 39%; }
      header .logo img {
        margin: 0px; }
    header .header-content-wrapper {
      flex-wrap: wrap; }
    header .mobile-navigation {
      display: none; }
    header .navigation {
      width: 100%;
      height: 110px;
      top: 0;
      left: 0;
      position: fixed;
      background-color: #FFFFFF;
      display: inline-flex; }
      header .navigation .logo {
        width: 39%; }
        header .navigation .logo img {
          margin: 3vh 2vw;
          width: 37vw; }
          header .navigation .logo img a {
            font-size: 30px;
            padding-left: 20px; }
      header .navigation div {
        margin: auto; }
        header .navigation div a {
          font-family: 'Graphik Regular', sans-serif;
          font-weight: 400;
          text-decoration: none;
          font-size: 1.5vw;
          cursor: pointer;
          color: #262626; }
  .content-body section {
    flex-direction: column; }
  .info-text {
    font-size: 1vw; }
  .homepage-wrapper {
    background-color: #FFFFFF;
    margin-top: 120px;
    height: calc(100vh - 120px); }
    .homepage-wrapper .homepage-content-left-wrapper {
      width: 60%; }
      .homepage-wrapper .homepage-content-left-wrapper div h2 {
        padding: 0px 70px 5px 0px;
        font-size: 2.8vw;
        border-bottom: 4px solid #E8542C;
        margin-top: 4vh;
        margin-bottom: 4vh; }
      .homepage-wrapper .homepage-content-left-wrapper div p {
        width: 60vw;
        font-size: 2.1vw; }
      .homepage-wrapper .homepage-content-left-wrapper div a {
        font-size: 1.35vw; }
    .homepage-wrapper .homepage-content-right-wrapper {
      float: right;
      width: 40%;
      background-image: url("../images/ihgor-brand-bar-collection-gray-rgb-horz-en.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-color: #F0EEED;
      border: 3vw solid #F0EEED; }
    .homepage-wrapper button {
      margin-top: 12.5vh;
      margin-bottom: 1vh; }
  .about-wrapper {
    height: calc(100vh - 85px);
    width: 100%;
    margin-top: 8vh;
    margin-bottom: 8vh; }
    .about-wrapper h2 {
      font-size: 3.5vw;
      margin: 3vh 4vw; }
    .about-wrapper .about-container-wrapper {
      display: flex;
      flex-direction: row;
      margin-top: 5vh;
      margin-bottom: 5vh; }
      .about-wrapper .about-container-wrapper .about-left-container-wrapper {
        width: 50%; }
        .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container {
          width: 45vw;
          height: 35vh;
          margin: 1vh 4vw; }
          .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container .about-left-pictures {
            margin-left: 1vw;
            margin-right: 2vw; }
            .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container .about-left-pictures img {
              width: 15vw; }
          .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container .about-left-text {
            margin-top: 1vh; }
            .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container .about-left-text img {
              width: 70%;
              height: auto;
              margin-top: 0; }
            .about-wrapper .about-container-wrapper .about-left-container-wrapper .about-left-container .about-left-text p {
              font-size: 1.4vw;
              width: 26vw; }
      .about-wrapper .about-container-wrapper .about-right-container-wrapper {
        width: 50%; }
        .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container {
          width: 45vw;
          height: 35vh;
          margin: 1vh 2vw; }
          .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures {
            margin-right: 2vw;
            margin-left: 1vw; }
            .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures img {
              width: 15vw; }
            .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures .ihg-boost-images {
              display: flex;
              flex-direction: column; }
              .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-pictures .ihg-boost-images img {
                width: 13vw; }
          .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-text {
            margin-top: 0vh; }
            .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-text img {
              width: 70%;
              height: auto;
              margin-top: 0; }
            .about-wrapper .about-container-wrapper .about-right-container-wrapper .about-right-container .about-right-text p {
              font-size: 1.4vw;
              width: 26vw; }
    .about-wrapper .about-bottom-section a {
      font-size: 1.4vw; }
  .contact-wrapper {
    background-color: #F0EEED;
    width: 100vw; }
    .contact-wrapper .contact-left-container-wrapper {
      float: left;
      width: 50vw;
      height: calc(100vh - 120px);
      background-color: #F0EEED;
      background-image: url("../images/contact_image_small.jpg");
      background-size: cover;
      background-position: center; }
    .contact-wrapper .contact-right-container-wrapper {
      width: 48vw;
      height: calc(100vh - 120px); }
      .contact-wrapper .contact-right-container-wrapper .contact-right-container {
        margin-left: 0vw;
        margin-top: 0vh; }
        .contact-wrapper .contact-right-container-wrapper .contact-right-container h2 {
          margin: 3vh 4vw 3vh;
          font-size: 3vw; }
        .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support img {
          width: 6vw;
          margin-right: 2vw; }
        .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text {
          font-size: 2vw; }
          .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text i {
            font-size: 1.5vw; }
          .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text a {
            font-size: 1.6vw; }
        .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions img {
          width: 6vw;
          margin-right: 2vw; }
        .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text {
          font-size: 2vw; }
          .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text i {
            font-size: 1.5vw; }
          .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text a {
            font-size: 1.6vw; }
  .mobile-view-final-image {
    display: none; } }

@media screen and (min-width: 1200px) {
  header .navigation .logo img {
    margin: 4.5vh 2vw; }
  .homepage-wrapper .homepage-content-left-wrapper {
    background-position: center; }
    .homepage-wrapper .homepage-content-left-wrapper div h2 {
      font-size: 3vw;
      margin-top: 3vh;
      border-bottom: 6px solid #E8542C; }
    .homepage-wrapper .homepage-content-left-wrapper div p {
      margin-bottom: 2vh; }
  .about-wrapper h2 {
    font-size: 3vw; }
  .about-wrapper .about-container-wrapper {
    margin-bottom: 5vh; }
  .about-wrapper .about-bottom-section {
    margin-top: 5vh; } }

@media screen and (min-width: 1450px) {
  header .navigation .logo img {
    margin: 4vh 2vw; }
  .contact-wrapper #contact {
    top: -120px; }
  .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text {
    font-size: 1.7vw; }
    .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text i {
      font-size: 1.3vw; }
    .contact-wrapper .contact-right-container-wrapper .contact-right-container .account-support .account-contact-text a {
      font-size: 1.4vw; }
  .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text {
    font-size: 1.7vw; }
    .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text i {
      font-size: 1.3vw; }
    .contact-wrapper .contact-right-container-wrapper .contact-right-container .program-questions .program-contact-text a {
      font-size: 1.4vw; } }

@media screen and (min-width: 1600px) {
  header .navigation .logo img {
    margin: 3vh 2vw; }
  .info-text {
    font-size: 0.7vw; }
  .contact-wrapper .contact-right-container-wrapper .contact-right-container h2 {
    margin: 2vh 4vw 3vh;
    font-family: 'Graphik Medium', sans-serif;
    font-weight: 400; } }