/* Text Elements */

h1.heading-1 {
  text-align: center;
  font-size: 60px;
  font-family: 'Brush Script MT', cursive;
}

h1.mobile-heading-1 {
  font-size: 30px;
  font-family: 'Brush Script MT', cursive;
}

h2.sub-heading {
  text-align: center;
  font-size: 40px;
  font-family: 'Brush Script MT', cursive;
}

h3.heading-2 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

h3.heading-3 {
  text-align: center;
}

p.paragraph.paragraph-b {
  padding-right: 10px;
  padding-left: 10px;
}

a.link-text.text-link-1 {
  display: block;
  float: right;
  margin-right: 0;
  margin-left: 0;
  padding-right: 10px;
  font-family: 'Lucida Bright', Georgia, serif;
}

/* Layout Elements */

.container.container-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}

.container.orbit {
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
}

.container.container-a {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

.container.container-l {
  margin-right: auto;
  margin-left: auto;
  padding: 20px 10px 50px;
  max-width: 400px;
}

.container.nav-region {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

.container.desktop-title {
  display: none;
}

.container.nav-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: justify;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

.container.subnav-section {
  display: block;
  -ms-flex-pack: center;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

div.responsive-picture.picture-1 {
  max-width: none;
}

ul.list-container.orbit-container {
  height: auto;
}

li.list-item-container.orbit-slide {
  opacity: 0;
}

li.list-item-container.is-active.orbit-slide {
  display: block;
  opacity: 1;
}

div.responsive-picture.orbit-image {
  max-width: none;
}

button.slide-indicator {
  margin-right: 1.1%;
  margin-left: 1.1%;
}

span.glyph.icon {
  font-size: 24px;
}

ul.list-container.menu.vertical {
  padding-right: 0;
  padding-left: 20px;
}

a.responsive-picture.picture-link-1 {
  margin-right: auto;
  margin-left: auto;
  width: 130px;
}

a.responsive-picture.picture-link-2 {
  margin-right: auto;
  margin-left: auto;
  width: 93px;
}

a.responsive-picture.picture-link-3 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 130px;
}

a.responsive-picture.picture-link-4 {
  margin-right: auto;
  margin-left: auto;
  width: 93px;
}

a.responsive-picture.picture-link-5 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 130px;
}

@supports (display: grid) {
  /* Layout Elements */

  .container.booking-grid {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 40rem) {
  /* Layout Elements */

  .container.desktop-title {
    display: inline;
  }

  .container.subnav-section {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
  }

  button.slide-indicator {
    margin-right: .1%;
    margin-left: .1%;
  }

  ul.list-container.menu.vertical {
    padding-left: 0;
  }

  @supports (display: grid) {
      /* Text Elements */

    h3.heading-2 {
      grid-area: h1;
    }

    h3.heading-3 {
      grid-area: h2;
    }

    /* Layout Elements */

    .container.booking-grid {
      display: grid;
      max-width: 1200px;

      grid-template-columns: repeat(4 , auto);
      grid-template-rows: repeat(3 , auto);
      grid-template-areas: 'bc bc bc bc' 'h1 h1 h2 h2' 'c1 p1 c2 p2';
    }

    a.responsive-picture.picture-link-5 {
      display: block;
      padding-top: 0;
      padding-bottom: 0;

      grid-area: p2;
    }

    a.responsive-picture.picture-link-1 {
      grid-area: bc;
      justify-self: center;
    }

    a.responsive-picture.picture-link-3 {
      padding-top: 0;
      padding-bottom: 0;

      grid-area: p1;
    }

    a.responsive-picture.picture-link-4 {
      grid-area: c2;
    }

    a.responsive-picture.picture-link-2 {
      grid-area: c1;
    }
  }
}