article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: \201C \201D \2018 \2019; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, html input[type=button],
input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body, figure {
  margin: 0; }

legend, button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, ul, li, p, a {
  margin: 0;
  padding: 0; }

@font-face {
  font-family: 'OctoberMoon';
  src: url("../fonts/october-moon/October Moon - TTF.ttf") format("truetype"); }

.wrapper {
  max-width: 80%;
  margin: 0 auto; }

body {
  position: relative;
  font-family: "Oswald", sans-serif; }

.header__index {
  background: linear-gradient(rgba(249, 224, 178, 0), rgba(249, 224, 178, 0.18), rgba(247, 232, 191, 0.24)), url(../assets/hero.jpg);
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  }

.nav {
  position: fixed;
  width: 100%;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 2% 10%; }

.nav__ham {
  display: flex; }
  .nav__ham .hamburger {
    display: none; }

.hamburger-label {
  padding-left: 50px; }

.nav__name {
  width: 100%;
  color: #052E70;
}

.nav__title {
  font-size: 1.8em;
  font-family: "OctoberMoon", sans-serif; }

.nav__title-accent {
  text-transform: uppercase;
  color: #0089C4;
  font-size: 1.3em;
  letter-spacing: -1.5px;
  margin-left: 10px;
  margin-top: -16px; }

.nav__list {
  list-style: none;
  display: flex; }

.nav__list-item {
  padding-left: 35px; }
  .nav__list-item a {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #3f4a55;
    transition: all 0.2s ease-in;
    font-size: 0.9em; }
  .nav__list-item a:hover, .nav__list-item a.active {
    color: #0089C4; }

.header__header {
  text-align: center;
  padding-top: 15%;
  color: #3f4a55;
  width: 100%; }
  .header__header h1 {
    font-size: 5.5em;
    font-family: "OctoberMoon", sans-serif;
    font-weight: normal; }
  .header__header h2 {
    font-size: 1.4em;
    font-weight: 300; }

.index .header__header {
	color: #EEEEEE;
}

.header__rooms, .header__contact {
  padding-top: 6%; }
  .header__rooms h1, .header__contact h1 {
    font-size: 4.2em; }
  .header__rooms h2, .header__contact h2 {
    font-size: 1.1em;
    padding-top: 1%;
    padding-left: 10%;
    padding-right: 10%;
    letter-spacing: 0.5px; }
  .header__rooms h2:nth-child(3), .header__contact h2:nth-child(3) {
    padding-left: 17%;
    padding-right: 17%; }
  .header__rooms .nav, .header__contact .nav {
    background-color: white; }

@media (max-width: 950px) {
  .nav {
    display: block; }
  .nav__header-wrapper {
    display: flex; }
  .nav__ham {
    display: flex;
    align-items: center; }
    .nav__ham .hamburger {
      display: inline-block;
      padding-right: 0; }
  .show {
    height: 100vh;
    flex-direction: column;
    align-items: center;
    padding-top: 10%; }
  .nav__show {
    background: white; }
  .hide {
    display: none; }
  .nav__list {
    padding-top: 50px; }
  .nav__list-item {
    padding: 20px 0; }
    .nav__list-item a {
      padding: 20px 0; }
  .nav__name {
    padding-left: 200px; }
  .header__header {
    padding-top: 250px; }
  .header__index {
    background: linear-gradient(rgba(249, 224, 178, 0), rgba(249, 224, 178, 0.58), rgba(247, 232, 191, 0.28)), url(../assets/hero.jpg);
    height: 100vh;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover; }
  .header__rooms {
    padding-top: 10%; } }

@media (max-width: 680px) {
  .nav__name {
    text-align: right;
    padding-left: 0; }
  .header__index {
    height: 100vh; }
  .header__header {
    padding-top: 20%; }
    .header__header h1 {
      font-size: 4em; }
    .header__header h2 {
      padding: 5%;
      font-size: 1.2em; }
  .header--home {
    padding-top: 40%; } }

.rooms__section {
  display: flex;
  flex-wrap: wrap;
  text-align: center; }

.rooms__list-item {
  padding-top: 7%;
  width: 45%;
  margin: 0 auto; }
  .rooms__list-item h3 {
    padding-bottom: 15px;
    font-weight: 300;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    font-family: "OctoberMoon", sans-serif;
    color: #3f4a55;
    text-align: center; }

.rooms__gallery-image {
  height: 350px;
  margin-right: 10px; }

/* fullscreen */
.rooms__gallery.is-fullscreen .rooms__gallery-image {
  height: 100%; }

.room__rates {
  color: #3f4a55;
  text-align: center;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  padding: 7% 0; }

@media (max-width: 1380px) {
  .header__rooms h2:nth-child(3) {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 950px) {
  .rooms__list-item {
    width: 100%; } }

@media (max-width: 680px) {
  .rooms__gallery-image {
    height: 200px; }
  .rooms__list-item h3 {
    margin: 40px 0 10px; }
  /* fullscreen */
  .rooms__gallery.is-fullscreen .rooms__gallery-image {
    width: 100%;
    height: auto;
    /* vertically center */
    display: block;
    top: 50%;
    transform: translateY(-50%); }
  .flickity-prev-next-button {
    width: 30px;
    height: 30px; }
  .room__rates {
    padding: 14% 0; } }

.gallery__section {
  padding: 40px 0; }

.discover__gallery-image {
  height: 450px;
  margin-right: 10px; }

/* fullscreen */
.discover__gallery.is-fullscreen .discover__gallery-image {
  height: 100%; }

.local__attractions {
  padding: 60px 0; }

.local__attractions-header {
  color: #3f4a55;
  font-family: "OctoberMoon", sans-serif;
  letter-spacing: 0.5px;
  font-size: 2em;
  font-weight: 300;
  text-align: center; }

.local__attractions-list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-around;
  padding: 40px 0; }

.la-list_item {
  width: 33%; }
  .la-list_item h2 {
    padding-top: 30px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #3f4a55;
    font-size: 1em;
    padding-bottom: 20px; }
  .la-list_item a, .la-list_item p {
    text-decoration: none;
    display: block;
    letter-spacing: 1.5px;
    font-size: 0.9em;
    padding: 5px; }
  .la-list_item a {
    transition: all 0.2s ease-in;
    color: #adb0b4; }
  .la-list_item a:hover {
    color: #0089C4; }
  .la-list_item p {
    color: #3f4a55; }

@media (max-width: 950px) {
  .la-list_item {
    width: 48%; } }

@media (max-width: 680px) {
  .discover__gallery .flickity-page-dots {
    bottom: -35px; }
  .discover__gallery-image {
    height: 200px; }
  /* fullscreen */
  .discover__gallery.is-fullscreen .discover__gallery-image {
    width: 100%;
    height: auto;
    /* vertically center */
    display: block;
    top: 50%;
    transform: translateY(-50%); }
  .flickity-prev-next-button {
    width: 30px;
    height: 30px; }
  .la-list_item {
    width: 100%; } }

.contact__list {
  list-style: none;
  display: flex;
  justify-content: center;
  color: #3f4a55;
  font-weight: 300;
  letter-spacing: 0.5px;
  padding-top: 2%; }
  .contact__list li {
    padding: 0 2%; }
  .contact__list a {
    text-decoration: none;
    color: #3f4a55;
    font-weight: 300;
    letter-spacing: 0.5px;
    transition: all 0.2s ease-in; }
  .contact__list a:hover {
    color: #0089C4; }

.contact__wrapper {
  display: flex;
  padding-top: 5%;
  padding-bottom: 10%; }

.contact__map, .contact__form--wrapper {
  width: 50%; }

.form__list {
  padding-left: 10%;
  width: 85%;
  list-style: none; }
  .form__list li {
    padding: 2%; }
  .form__list p {
    text-align: center; }
  .form__list label, .form__list p {
    color: #3f4a55;
    font-weight: 300;
    letter-spacing: 0.5px; }
  .form__list input, .form__list textarea {
    width: 100%;
    color: #0089C4;
    font-weight: 300;
    letter-spacing: 0.5px;
    border: 1px solid #adb0b4; }
  .form__list button {
    transition: all 0.2s ease-in;
    letter-spacing: 0.5px;
    border: 1px solid #0089C4;
    color: #0089C4;
    background: white;
    width: 100%;
    margin-top: 2%; }
  .form__list button:hover {
    background: #0089C4;
    color: #052E70; }

@media (max-width: 950px) {
  .contact__wrapper {
    display: block;
    padding-bottom: 20%; }
  .contact__map, .contact__form--wrapper {
    width: 100%; } }

@media (max-width: 680px) {
  .header__contact h1 {
    font-size: 3em; }
  .contact__map {
    height: 50%; }
  .contact__list {
    display: block;
    padding: 10% 0;
    text-align: center; }
  .form__list {
    padding-left: 0%;
    width: 100%; } }

.footer {
  background: #C7C8CA;
  color: #3f4a55;
  font-size: 1em;
  letter-spacing: 1.5px; }

.footer__contact-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 0; }

.footer__item {
  width: 30%; }
  .footer__item a {
    color: #3f4a55;
    text-decoration: none;
    transition: all 0.2s ease-in; }
  .footer__item a:hover {
    color: #0089C4; }

.footer__item:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center; }

.footer__item:nth-child(3) {
  text-align: right; }
  .footer__item:nth-child(3) button {
    transition: all 0.2s ease-in;
    border: 1px solid #0089C4;
    color: #0089C4;
    background: white; }
  .footer__item:nth-child(3) button:hover {
    background: #0089C4;
    color: #052E70; }

.footer__logo {
  max-width: 130px; }

.footer__copyright {
  background-color: #adb0b4;
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  padding: 0.5% 0; }
  .footer__copyright a {
    text-decoration: none;
    color: #3f4a55; }

@media (max-width: 680px) {
  .footer__contact-wrapper {
    display: block;
    font-size: 0.8em; }
  .footer__item {
    width: 100%;
    text-align: center;
    padding: 2% 0; }
  .footer__item:nth-child(3) {
    text-align: center; } }