/* Primary Colour → Teal/Green → #2D938F */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* font-family: 'Montserrat', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap');
/* font-family: 'Hind', sans-serif; */

/*********************************************************************************************
************************                Utility Classes             **************************
*********************************************************************************************/
  *,
  *::before,
  *::after {
      box-sizing: border-box;
  }

  * {
      margin: 0;
      padding: 0;
  }

  body {
      min-height: 100vh;
      scroll-behavior: smooth;
      text-rendering: optimizeSpeed;
      line-height: 1.5;
  }

  .page {
    margin: 0;
  }

  a {
      text-decoration: none;
  }

  p {
      margin: 0.75rem 0;
  }

  img {
      max-width: 100%;
      display: block;
  }

  input,
  button,
  textarea,
  select {
      font: inherit;
  }

  ul, ol {
    margin: 0;
  }

  .full-width {
      width: 100%;
  }

  .container {
      max-width: 1200px;
      margin: auto;
      overflow: hidden;
  }

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

  .py-1 {
      padding: 1.5rem 0;
  }

  .py-2 {
      padding: 2rem 0;
  }

  .py-3 {
      padding: 3rem 0;
  }

  .p-1 {
      padding: 1.5rem;
  }

  .p-2 {
      padding: 2rem;
  }

  .p-3 {
      padding: 3rem;
  }

  .slick-track {
    display: flex !important;
  }

  .slick-slide {
    height: inherit !important;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    .container {
      max-width: 700px;
    }
  }

  /* Below iPad Width */
  @media(max-width: 750px) {
    .container {
      width: 100%;
    }
  }

/*********************************************************************************************
************************                Top Header                  **************************
*********************************************************************************************/

  section#top-header {
      background-color: #2d938f;
  }

  section#top-header .container {
      display: flex;
      padding-top: 1rem;
      padding-bottom: 1rem;
  }

  section#top-header .container .header-information-container,
  section#top-header .container .header-book-now-button {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#top-header .container .header-information-container span.mdi {
      color: #ffdf9c;
      font-size: 1.6rem;
      margin-right: 10px;
  }

  section#top-header .container .header-information-container p {
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 0.75rem;
      letter-spacing: 1px;
      margin-right: 20px;
      text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
  }

  section#top-header .container .header-information-container:nth-child(4) > p {
    margin-right: 0;
  }

  section#top-header .container .header-book-now-button {
      margin-left: auto;
  }

  section#top-header .container .header-book-now-button a {
      color: #ffdf9c;
      border: 2px solid #ffffff;
      padding: 0.375rem 2rem;
      border-radius: 0px;
      letter-spacing: 1px;
      font-size: 1.125rem;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      background-color: rgba(241, 240, 238, 0.2);
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
  }

  section#top-header .container .header-book-now-button a i {
      color: #ffffff;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
  }

  section#top-header .container .header-book-now-button a:hover {
      border-color: #ffdf9c;
  }

  section#top-header .container .header-book-now-button a:hover i {
      color: #ffdf9c;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#top-header .container .header-information-container:nth-child(4) {
      display: none;
    }

    section#top-header .container {
      flex-wrap: wrap;
      justify-content: space-evenly;
    }

    section#top-header .container .header-information-container {
      flex-basis: 30%;
    }

    section#top-header .container .header-book-now-button {
      flex-basis: 45%;
      margin-left: auto;
      margin-right: auto;
    }
  }

  /* Below iPad Width */
  @media(max-width: 750px) {
    section#top-header .container {
      flex-direction: column;
    }

    section#top-header .container .header-book-now-button {
      margin-top: 1rem;
    }
  }

/*********************************************************************************************
************************          Scroll to Top Button               *************************
*********************************************************************************************/

  button.material-scrolltop {
    background-color: #2d938f;
    border: 2px solid white;
  }

  button.material-scrolltop:hover {
    background-color: #257976;
  }


/*********************************************************************************************
************************                Main Navigation             **************************
*********************************************************************************************/

  section#main-navigation {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    background-color: #fff5e1;
  }

  section#main-navigation .container {
    display: flex;
  }

  section#main-navigation .container img.logo {
    flex-basis: 20%;
  }

  section#main-navigation .container nav.main-navigation {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
  }

  section#main-navigation .container nav.main-navigation ul.slimmenu {
      width: 100%;
      padding-left: 2rem;
      padding-right: 2rem;
      justify-content: space-around;
      list-style-type: none;
      display: flex;
      margin: 0;
  }

  section#main-navigation .container nav.main-navigation ul.slimmenu li {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: transparent;
    padding: 0;
    border-left: none;
  }

  section#main-navigation .container nav.main-navigation ul.slimmenu li a {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1rem;
      color: #308f98;
      letter-spacing: 1px;
      transition: color 300ms ease 0ms;
      padding: 0;
  }

  section#main-navigation .container nav.main-navigation ul.slimmenu li.current-menu-item a {
      color: #e41b20;
  }

  section#main-navigation .container nav.main-navigation ul.slimmenu li a:hover {
      color: #e41b20;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#main-navigation .container {
      display: block;
    }

    section#main-navigation .container img.logo {
      max-width: 100px;
      height: auto;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 2rem;
    }

    section#main-navigation .container nav.main-navigation {
      justify-content: space-between;
    }

    section#main-navigation .container nav.main-navigation ul {
      padding-left: 0;
      padding-right: 0;
      justify-content: space-between;
      list-style-type: none;
      display: flex;
      margin: 0;
    }
  }

  /* Below iPad Width */
  @media(max-width: 750px) {
    section#main-navigation .container img.logo {
      max-width: 200px;
    }

    section#main-navigation .container nav.main-navigation {
      /**/
    }

    section#main-navigation .container nav.main-navigation,
    section#main-navigation .container nav.main-navigation ul.slimmenu,
    section#main-navigation .container nav.main-navigation ul.slimmenu li {
      display: block;
    }

    section#main-navigation .container nav.main-navigation ul.slimmenu {
      border-top: 3px solid #2d938f;
      background-color: white;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    section#main-navigation .container nav.main-navigation ul.slimmenu li {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    section#main-navigation .container nav.main-navigation .menu-collapser {
      background-color: transparent;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }

    section#main-navigation .container nav.main-navigation .menu-collapser .collapse-button {
      right: auto;
      background-color: #2d938f;
      width: 120px;
    }

    section#main-navigation .container nav.main-navigation .menu-collapser .collapse-button .icon-bar {
      width: 80%;
      margin: 0.25rem auto;
      height: 4px;
      border-radius: 2px;
    }

    section#main-navigation .container nav.main-navigation ul.slimmenu.collapsed > li {
      border-left: none;
    }
  }

/*********************************************************************************************
************************                Home Page Hero             ***************************
*********************************************************************************************/

  section#home-page-hero {
      min-height: 70vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../Images/Background/LeMarsInn_Outside.jpg) center center/cover no-repeat;
  }

  section#home-page-hero .container {
      width: 55vw;
  }

  section#home-page-hero .container .hero {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 2rem 4rem;
      color: white;
      background-color: rgba(0, 0, 0, 0.7);
  }

  section#home-page-hero .container .hero h1 {
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 3.125rem;
      margin-top: 0;
      margin-bottom: 1rem;
      text-shadow: 0.08em 0.08em 0em rgba(0, 0, 0, 0.4);
  }

  section#home-page-hero .container .hero p {
      text-align: center;
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.25rem;
  }

  section#home-page-hero .container .hero .divider {
      height: 2px;
      width: 60%;
      background-color: #2d938f;
  }

  section#home-page-hero .container .hero .home-hero-button-group {
      margin-top: 3rem;
      margin-bottom: 1rem;
      width: 100%;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
  }

  section#home-page-hero .container .hero .home-hero-button-group a {
      color: white;
      padding: 1rem 1.25rem;
      font-size: 1.375rem;
      font-weight: 500;
      font-family: 'Montserrat', sans-serif;
      text-transform: uppercase;
      transition: background-color 300ms ease 0ms;
  }

  section#home-page-hero .container .hero .home-hero-button-group a:first-of-type {
      background: #e41b22;
  }

  section#home-page-hero .container .hero .home-hero-button-group a:first-of-type:hover {
      background-color: #b6161b;
  }

  section#home-page-hero .container .hero .home-hero-button-group a:last-of-type {
      background: #2d938f;
  }

  section#home-page-hero .container .hero .home-hero-button-group a:last-of-type:hover {
      background-color: #26727a;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#home-page-hero .container {
      width: 85vw;
    }
  }

  /* Below 600px */
  @media(max-width: 600px) {
    section#home-page-hero .container .hero .home-hero-button-group {
      flex-direction: column;
    }

    section#home-page-hero .container .hero .home-hero-button-group a:last-of-type {
      margin-top: 1rem;
    }
  }

  /* Below 500px */
  @media(max-width: 500px) {
    section#home-page-hero .container .hero {
      padding-left: 1rem;
      padding-right: 1rem;
    }

    section#home-page-hero .container .hero h1 {
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 2.5rem;
      margin-top: 0;
      margin-bottom: 1rem;
      text-shadow: 0.08em 0.08em 0em rgba(0, 0, 0, 0.4);
    }
  }

/*********************************************************************************************
************************                Home Page Intro            ***************************
*********************************************************************************************/

  section#home-page-intro {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 2rem;
      background: #ffffff;
  }

  section#home-page-intro .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#home-page-intro .container h2 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 2.25rem;
      letter-spacing: 1px;
      margin-bottom: 1rem;
      text-align: center;
  }

  section#home-page-intro .container .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
      margin-bottom: 1rem;
  }

  section#home-page-intro .container p {
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      max-width: 80%;
      font-size: 1.375rem;
  }

  section#home-page-intro .container a {
      color: white;
      padding: 1rem 1.25rem;
      font-size: 1.375rem;
      font-weight: 500;
      font-family: 'Montserrat', sans-serif;
      text-transform: uppercase;
      background: #e41b22;
      transition: background-color 300ms ease 0ms;
  }

  section#home-page-intro .container a:hover {
      background: #b6161b;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#home-page-intro .container a {
      margin-bottom: 2rem;
    }
  }

/*********************************************************************************************
************************                Home Page Rooms            ***************************
*********************************************************************************************/

  section#home-page-rooms {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 2rem;
      background: #2d938f;
  }

  section#home-page-rooms .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#home-page-rooms .container h2 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 2.25rem;
      letter-spacing: 1px;
      margin-bottom: 1rem;
      color: #ffffff;
      text-align: center;
  }

  section#home-page-rooms .container .divider {
      height: 2px;
      width: 30%;
      background-color: #ffdf9c;
      margin-bottom: 1rem;
  }

  section#home-page-rooms .container .rooms-slick-container {
      margin-top: 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 90%;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item {
      background-color: #fff5e1;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin-left: 1rem;
      margin-right: 1rem;
      padding-bottom: 20px;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item h3 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 1.25rem;
      margin-top: 1rem;
      margin-bottom: 1rem;
      color: #000000;
      text-align: center;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item>p {
      text-align: left;
      width: 80%;
      font-family: 'Hind', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      margin-bottom: 0.125rem;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .stars-wrapper {
      width: 80%;
      display: flex;
      justify-self: start;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .stars-wrapper i {
      color: #e41b22;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .divider {
      height: 2px;
      width: 80%;
      background-color: #2d938f;
      margin-top: auto;
      margin-bottom: 0.875rem;
      padding: 0;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .bottom-text-wrapper {
      width: 80%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: 'Hind', sans-serif;
      font-weight: 500;
      font-size: 1rem;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .bottom-text-wrapper a {
      color: white;
      padding: 0.25rem 1rem;
      font-weight: 500;
      background: #e41b22;
      transition: background-color 300ms ease 0ms;
  }

  section#home-page-rooms .container .rooms-slick-container .rooms-slick-item .bottom-text-wrapper a:hover {
      background: #b6161b;
  }

  section#home-page-rooms .container>a {
      color: #ffdf9c;
      font-family: 'Montserrat', sans-serif;
      font-size: 2rem;
      font-weight: 500;
      text-align: center;
      margin: 2.5rem;
      padding: 0.75rem 3rem;
      border: 2px solid #ffdf9c;
      background-color: rgba(255, 255, 255, 0.15);
      transition: border-color 300ms ease 0ms;
  }

  section#home-page-rooms .container>a:hover {
      border-color: #26727a;
  }

  section#home-page-rooms .container>p {
      width: 75%;
      color: #ffffff;
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.25rem;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#home-page-rooms .container .rooms-slick-container {
      width: 75%;
    }

    section#home-page-rooms .container>a {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
  }

  /* Below 375px */
  @media(max-width: 375px) {
    section#home-page-rooms .container>a {
      font-size: 1rem;
    }

    section#home-page-rooms .container>p {
      font-size: 0.875rem;
    }
  }

/*********************************************************************************************
************************      Home Page Places of Interest        ***************************
*********************************************************************************************/

  section#places-of-interest {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 2rem;
      background: #720e11;
  }

  section#places-of-interest .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#places-of-interest .container h2 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 2.25rem;
      letter-spacing: 1px;
      margin-bottom: 1rem;
      color: #ffffff;
      text-align: center;
  }

  section#places-of-interest .container .divider {
      height: 2px;
      width: 30%;
      background-color: #ffdf9c;
      margin-bottom: 1rem;
  }

  section#places-of-interest .container .places-of-interest-slick-container {
      margin-top: 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 90%;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item {
      background-color: #fff5e1;
      width: 30%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: 1rem;
      margin-right: 1rem;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item img {
      min-width: 100%;
      height: 200px;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item h3 {
      text-align: center;
      width: 90%;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 1.25rem;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      color: #000000;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item>p {
      text-align: left;
      width: 90%;
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.125rem;
      margin-bottom: 0.125rem;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item .divider {
      height: 2px;
      width: 80%;
      background-color: #720e11;
      margin-top: auto;
      margin-bottom: 0;
      padding: 0;
  }

  section#places-of-interest .container .places-of-interest-slick-container .places-of-interest-slick-item a {
      color: #720e11;
      font-family: 'Hind', sans-serif;
      font-weight: 700;
      transition: color 300ms ease 0ms;
      margin-top: 1rem;
      margin-bottom: 1rem;
  }

  section#places-of-interest .container a.view-all-places-of-interest-button {
      color: #ffdf9c;
      font-family: 'Montserrat', sans-serif;
      font-size: 2rem;
      font-weight: 500;
      margin: 2.5rem;
      padding: 0.75rem 3rem;
      border: 2px solid #ffdf9c;
      background-color: rgba(255, 255, 255, 0.15);
      transition: border-color 300ms ease 0ms;
      text-align: center;
  }

  section#places-of-interest .container a.view-all-places-of-interest-button:hover {
      border-color: #e9494e;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#places-of-interest .container a.view-all-places-of-interest-button {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
  }

  /* Below 650px */
  @media(max-width: 650px) {
    section#places-of-interest .container .places-of-interest-slick-container {
      width: 60%;
    }
  }

  /* Below 500px */
  @media(max-width: 650px) {
    section#places-of-interest .container .places-of-interest-slick-container {
      width: 80%;
    }
  }

  /* Below 375px */
  @media(max-width: 375px) {
    section#places-of-interest .container a.view-all-places-of-interest-button {
      font-size: 1rem;
    }
  }

/*********************************************************************************************
************************      Home Page Client Testimonials        ***************************
*********************************************************************************************/

  section#client-testimonials {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: url('../Images/Background/Testimonials\ Background.png') center/cover no-repeat;
  }

  section#client-testimonials .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#client-testimonials .container>h2 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 2.25rem;
      letter-spacing: 1px;
      margin-bottom: 1rem;
      color: #000000;
      text-align: center;
  }

  section#client-testimonials .container>.divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
      margin-bottom: 1rem;
  }

  section#client-testimonials .container>p {
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.375rem;
  }

  section#client-testimonials .container .testimonial-cards-container {
      width: 80%;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#client-testimonials .container .testimonial-cards-container .testimonial-card-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      color: #ffffff;
      padding: 1rem 2rem;
      border: 2px solid #2d938f;
      background: rgba(0, 0, 0, 0.7);
  }

  section#client-testimonials .container .testimonial-cards-container .testimonial-card-wrapper p {
      font-family: 'Montserrat', sans-serif;
  }

  section#client-testimonials .container .testimonial-cards-container .testimonial-card-wrapper p:first-child {
      font-weight: 300;
      font-style: italic;
      font-size: 1.125rem;
      text-align: left;
  }

  section#client-testimonials .container .testimonial-cards-container .testimonial-card-wrapper p:last-child {
      color: #ffdf9c;
      font-weight: 500;
      font-style: normal;
      font-size: 1.75rem;
      text-align: left;
  }

/*********************************************************************************************
************************                  FOOTER                                **************
*********************************************************************************************/

  footer.site-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3.75rem;
    padding-bottom: 2rem;
    background: #000000;
  }

  footer.site-footer .container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
  }

  footer.site-footer .container .column {
    flex-basis: 22%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    color: #ffffff;
    padding: 1rem;
  }

  footer.site-footer .container .column h4 {
    width: 100%;
    font-family: 'Hind', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    color: #ffdf9c;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  footer.site-footer .container .column p,
  footer.site-footer .container .column ul {
    width: 100%;
    font-family: 'Hind', sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    footer.site-footer .container {
      flex-wrap: wrap;
    }

    footer.site-footer .container .column {
      flex-basis: 48%;
    }
  }

/*********************************************************************************************
************************                  OUR ROOMS PAGE                        **************
*********************************************************************************************/

  section#our-rooms-hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
          url('../Images/Background/Suite2.jpg') center/cover no-repeat;
  }

  section#our-rooms-hero .container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#our-rooms-hero .container .hero {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#our-rooms-hero .container .hero h1 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-variant: small-caps;
      font-size: 2.375rem;
      color: #ffffff;
      text-align: center;
  }

  section#our-rooms-hero .container .hero .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
  }

  section#our-rooms-breadcrumbs {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      color: #26727a;
      background: #fff1d4;
  }

  section#our-rooms-breadcrumbs .container {
      /*  */
  }

  section#our-rooms-breadcrumbs .container p {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#our-rooms-breadcrumbs .container i {
      margin-left: 1rem;
      margin-right: 1rem;
      font-size: 1.5rem;
  }

  /* Styling for Individual Rooms */
  section#rooms-list {
      display: flex;
      flex-direction: column;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background-color: #ffffff;
  }

  section#rooms-list .container {
      display: flex;
      flex-direction: column;
  }

  section#rooms-list .single-room-row {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      background-color: #f4f4f4;
      padding: 0.5rem;
  }

  section#rooms-list .container .divider {
      height: 1px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2rem;
      margin-bottom: 2rem;
      background-color: #720e11;
  }

  section#rooms-list .room-img-column {
      display: flex;
      flex-basis: 40%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  section#rooms-list .room-details-column {
      flex-basis: 35%;
      padding-left: 2rem;
  }

  section#rooms-list .room-price-column {
      display: flex;
      flex-basis: 25%;
      flex-direction: column;
  }

  section#rooms-list .room-price-column ul {
      list-style-position: outside;
      margin-left: 1rem;
  }

  section#rooms-list .room-details-column h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.375rem;
    color: #720e11;
    text-align: left;
  }

  section#rooms-list .room-details-column ul {
      list-style-type: none;
  }

  section#rooms-list .room-details-column ul li {
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.125rem;
      color: #000000;
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  section#rooms-list .room-details-column ul i {
      font-size: 1.125rem;
      color: #2b8189;
      margin-right: 10px;
  }

  section#rooms-list .room-price-column h4 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 2.1875rem;
  }

  section#rooms-list .room-price-column ul li {
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1rem;
      color: #000000;
  }

  section#rooms-list .room-price-column a {
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-size: 1.25rem;
      font-weight: 500;
      text-align: center;
      padding: 0.75rem 3rem;
      margin-top: 2rem;
      background-color: #308f98;
      transition: background-color 300ms ease 0ms;
  }

  section#rooms-list .room-price-column a:hover {
      background-color: #26727a;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#rooms-list .single-room-row {
      flex-wrap: wrap;
    }

    section#rooms-list .room-img-column {
      display: flex;
      flex-basis: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 1rem;
    }

    section#rooms-list .room-details-column {
      flex-basis: 54%;
      padding: 1rem;
    }

    section#rooms-list .room-price-column {
      flex-basis: 45%;
      padding: 1rem;
    }
  }

  /* Below 500px */
  @media(max-width: 500px) {
    section#rooms-list .room-details-column {
      flex-basis: 95%;
      display: flex;
      flex-direction: column;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #ccc;
    }

    section#rooms-list .room-price-column {
      flex-basis: 80%;
    }

    section#rooms-list .room-details-column h3 {
      font-size: 1.25rem;
      text-align: center;
    }

    section#rooms-list .room-details-column ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      align-self: center;
    }

    section#rooms-list .room-details-column ul li {
      flex-basis: 45%;
      font-size: 0.875rem;
      /*color: #000000;
      display: flex;
      flex-direction: row;
      align-items: center;*/
    }

    section#rooms-list .room-details-column ul i {
      font-size: 1rem;
      margin-right: 5px;
    }
  }

/*********************************************************************************************
************************                  AMENITIES                             **************
*********************************************************************************************/

  section#amenities-hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
          url('../Images/Background/Suite2.jpg') center/cover no-repeat;
  }

  section#amenities-hero .container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#amenities-hero .container .hero {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#amenities-hero .container .hero h1 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-variant: small-caps;
      font-size: 2.375rem;
      color: #ffffff;
      text-align: center;
  }

  section#amenities-hero .container .hero .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
  }

  section#amenities-breadcrumbs {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      color: #26727a;
      background: #fff1d4;
  }

  section#amenities-breadcrumbs .container {
      /*  */
  }

  section#amenities-breadcrumbs .container p {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#amenities-breadcrumbs .container i {
      margin-left: 1rem;
      margin-right: 1rem;
      font-size: 1.5rem;
  }

  section#amenities-list .container {
    display: flex;
    justify-content: space-evenly;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background-color: #f3f6f7;
  }

  section#amenities-list ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  section#amenities-list ul li {
    font-family: 'Hind', sans-serif;
    font-weight: 300;
    font-size: 1.375rem;
    flex-basis: 30%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #000000;
  }

  section#amenities-list ul i {
    font-size: 1.125rem;
    color: #2b8189;
    margin-right: 10px;
  }

  section#amenities-graphic-list .container {
      display: flex;
      margin-bottom: 1rem;
      justify-content: space-around;
      align-items: center;
  }

  section#amenities-graphic-list .card {
      flex-basis: 24%;
      text-align: center;
      flex-wrap: wrap;
  }

  section#amenities-graphic-list .card i {
      font-size: 3rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }

  section#amenities-graphic-list .card p {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#amenities-list ul li {
      flex-basis: 45%;
    }
  }

  /* Below iPad Width */
  @media(max-width: 750px) {
    section#amenities-list ul li {
      flex-basis: 80%;
      margin-top: 0;
      margin-bottom: 0;
    }
  }


  /* Below 500px */
  @media(max-width: 500px) {
    section#amenities-list ul li {
      font-size: 0.875rem;
    }

    section#amenities-graphic-list .container {
      flex-wrap: wrap;
    }

    section#amenities-graphic-list .card {
      flex-basis: 48%;
    }
  }

/*********************************************************************************************
************************                  Things to do                          **************
********************************************************************************************/

  section#places-hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
          url('../Images/Background/Suite2.jpg') center/cover no-repeat;
  }

  section#places-hero .container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#places-hero .container .hero {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#places-hero .container .hero h1 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-variant: small-caps;
      font-size: 2.375rem;
      color: #ffffff;
      text-align: center;
  }

  section#places-hero .container .hero .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
  }

  section#places-breadcrumbs {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      color: #26727a;
      background: #fff1d4;
  }

  section#places-breadcrumbs .container {
      /*  */
  }

  section#places-breadcrumbs .container p {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#places-breadcrumbs .container i {
      margin-left: 1rem;
      margin-right: 1rem;
      font-size: 1.5rem;
  }

  /* Styling for Individual Place */
  section#places-list {
      display: flex;
      flex-direction: column;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background-color: #F5F5F5;
  }

  section#places-list .container {
      display: flex;
      flex-direction: column;
  }

  section#places-list .single-place-row {
      flex-basis: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      background-color: #fff9ed;
  }

  section#places-list .container .divider {
      height: 1px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 2rem;
      margin-bottom: 2rem;
      background-color: #720e11;
  }

  section#places-list .place-img-column {
      flex-basis: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  section#places-list .place-img-column img {
      min-height: 100%;
      min-width: 100%;
      object-fit: cover;
  }

  section#places-list .place-details-column {
      padding: 3rem;
      flex-basis: 50%;
      display: flex;
      flex-direction: column;
  }

  section#places-list .place-details-column > h3 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.375rem;
      color: #720e11;
      text-align: left;
  }

  section#places-list .place-details-column > p {
      font-family: 'Hind', sans-serif;
      font-weight: 300;
      font-size: 1.375rem;
      text-align: left;
  }

  section#places-list .place-details-column > a {
    align-self: center;
    width: 60%;
    text-align: center;
    color: white;
    padding: 1rem 1.25rem;
    font-size: 1.375rem;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    transition: background-color 300ms ease 0ms;
    background: #2d938f;
  }

  section#places-list .place-details-column > a:hover {
    background-color: #26727a;
  }

  /* Below 720p */
  @media(max-width: 1279px) {
    section#places-list .single-place-row {
      flex-direction: column;
    }
  }

  /* Below iPad Width */
  @media(max-width: 750px) {
    section#places-list .place-details-column > a {
      font-size: 0.875rem;
    }
  }

/*********************************************************************************************
************************                  Gallery                               **************
********************************************************************************************/

  section#gallery-hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
          url('../Images/Background/Suite2.jpg') center/cover no-repeat;
  }

  section#gallery-hero .container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#gallery-hero .container .hero {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#gallery-hero .container .hero h1 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-variant: small-caps;
      font-size: 2.375rem;
      color: #ffffff;
      text-align: center;
  }

  section#gallery-hero .container .hero .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
  }

  section#gallery-breadcrumbs {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      color: #26727a;
      background: #fff1d4;
  }

  section#gallery-breadcrumbs .container {
      /*  */
  }

  section#gallery-breadcrumbs .container p {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#gallery-breadcrumbs .container i {
      margin-left: 1rem;
      margin-right: 1rem;
      font-size: 1.5rem;
  }

/*********************************************************************************************
************************                  Contact Us                            **************
********************************************************************************************/

  section#contact-hero {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
          url('../Images/Background/Suite2.jpg') center/cover no-repeat;
  }

  section#contact-hero .container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#contact-hero .container .hero {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  section#contact-hero .container .hero h1 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-variant: small-caps;
      font-size: 2.375rem;
      color: #ffffff;
      text-align: center;
  }

  section#contact-hero .container .hero .divider {
      height: 2px;
      width: 30%;
      background-color: #2d938f;
  }

  section#contact-breadcrumbs {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.125rem;
      color: #26727a;
      background: #fff1d4;
  }

  section#contact-breadcrumbs .container {
      /*  */
  }

  section#contact-breadcrumbs .container p {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  section#contact-breadcrumbs .container i {
      margin-left: 1rem;
      margin-right: 1rem;
      font-size: 1.5rem;
  }

  section#contact-section {
      display: flex;
      flex-direction: column;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
      background-color: #F5F5F5;
  }

  section#contact-section .container {
      flex-basis: 40%;
      display: flex;
      flex-direction: column;
      background-color: #fff9ed;
  }

  section#contact-section .container form {
    padding: 1rem 2rem;
  }

  section#contact-section .container form label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
  }

  section#contact-section .container form label input {
    font-family: 'Hind', sans-serif;
    width: 100%;
  }

  section#contact-section .container form input[type="submit"] {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #b6161b;
  }

  section#contact-section .container form input[type="submit"]:hover {
    cursor: pointer;
    background-color: #891114;
  }