@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Custom Defaults
   ========================================================================== */
p {
  margin: 0 0 20px 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  border-bottom: none;
}

a:hover,
a:visited {
  color: white;
}

h3 {
  margin: 5px 0 5px 0;
}

@font-face {
  font-family: 'dier';
  src: url("../fonts/dier.eot?16193524");
  src: url("../fonts/dier.eot?16193524#iefix") format("embedded-opentype"), url("../fonts/dier.woff?16193524") format("woff"), url("../fonts/dier.ttf?16193524") format("truetype"), url("../fonts/dier.svg?16193524#dier") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'dier';
    src: url('../font/dier.svg?16193524#dier') format('svg');
  }
}
*/
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: "dier";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-facebook:after {
  content: '\e800';
}

/* '' */
.icon-twitter:after {
  content: '\e801';
}

/* '' */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #000;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, top 0s 0.15s;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #000;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #f0f0f0;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  color: #000;
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #444;
  border-left: .5em solid transparent;
}

.picker__day--selected,
.picker__day--selected:hover {
  border-color: #000;
}

.picker__day--highlighted {
  background: #f0f0f0;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--outfocus {
  color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #f0f0f0;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #000;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center;
}

.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #f0f0f0;
  border-bottom-color: #f0f0f0;
}

.picker__button--today:focus,
.picker__button--clear:focus {
  background: #f0f0f0;
  border-color: #000;
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #444;
  border-left: .66em solid transparent;
}

.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #444;
  vertical-align: top;
  font-size: 1.1em;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
html, body {
  height: 100%;
  min-height: 100%;
}

body {
  position: relative;
  background: transparent url("../images/background.jpg") no-repeat center center fixed;
  background-size: cover;
  font-family: Bitter, Georgia, "Times New Roman", Times, serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Cinzel, Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: uppercase;
}

h1 {
  font-size: 24px;
  font-size: 1.5rem;
}

p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  font-style: normal;
}

a {
  color: #fff;
}

.site-head {
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .site-head {
    padding: 0 60px;
    position: fixed;
    width: 100%;
    background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url("../images/background.jpg");
    background-size: cover, cover;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
  }
}

.logo {
  display: block;
  width: 50%;
  margin: 10px auto;
}
.logo img {
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .logo {
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 20px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .logo img {
    width: 200px;
    height: 200px;
    margin-left: -50px;
    margin-top: -50px;
  }
}

nav.primary {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url("../images/background.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  z-index: 1;
}
nav.primary li {
  list-style: none;
  display: inline-block;
}
nav.primary li a {
  box-sizing: border-box;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  nav.primary {
    background: none;
    position: static;
    text-align: right;
  }
  nav.primary li a {
    padding: 60px 10px;
    color: #000;
    position: relative;
  }
  nav.primary li a:before {
    transition: all 300ms ease-in-out;
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    opacity: 0;
    left: 0;
  }
  nav.primary li a:hover:before, nav.primary li a.active:before {
    top: 60%;
    opacity: 1;
  }
  nav.primary li a.social {
    transition: all 300ms ease-in-out;
    font-size: 30px;
    font-size: 1.875rem;
    padding: 40px 5px;
  }
  nav.primary li a.social:hover {
    opacity: 0.5;
  }
  nav.primary li a.social:before {
    display: none;
  }
  nav.primary li a.social:after {
    vertical-align: bottom;
  }
}

.lead-in h1 {
  box-sizing: border-box;
  padding: 10px 15px;
  position: relative;
  background: #000000;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .lead-in {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: right;
  }
  .lead-in:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
  .lead-in h1 {
    text-align: left;
    width: 50%;
    margin-top: 260px;
  }
}
@media only screen and (min-width: 1200px) and (orientation: landscape) {
  .lead-in {
    text-align: right;
  }
  .lead-in h1 {
    width: auto;
  }
}

.content {
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  margin: 20px 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.content a {
  font-weight: bold;
}
.content a:hover {
  text-decoration: underline;
}
.content .gallery {
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .content {
    padding: 36px 60px;
    margin: 60px 0;
  }
  .content .gallery {
    overflow: hidden;
    padding-left: 4%;
    float: right;
    width: 62%;
  }
  .content .split {
    width: 38%;
  }
}
@media only screen and (min-width: 1500px) and (orientation: landscape) {
  .content {
    padding: 36px 10%;
  }
}

.items > li {
  margin-bottom: 40px;
}
.items li {
  list-style: none;
}
.items li img {
  max-width: 100%;
}
.items li .description {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #fff;
}
.items li .description:before, .items li .description:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 50%;
  width: 16px;
  height: 1px;
  background: #FFFFFF;
  -webkit-transform: rotate(-48deg);
  transform: rotate(-48deg);
}
.items li .description:before {
  margin-right: -11px;
}
.items li .description:after {
  margin-right: -5px;
}
.items li .prices {
  box-sizing: border-box;
  padding: 10px 0;
  display: block;
  overflow: hidden;
  font-family: Cinzel, Georgia, "Times New Roman", Times, serif;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
}
.items li .prices li span {
  display: block;
}
.items li .prices .week {
  font-size: 50px;
  font-size: 3.125rem;
}
.items li .prices .week span {
  font-size: 24px;
  font-size: 1.5rem;
}
.items li .prices .day,
.items li .prices .fortnight {
  width: 50%;
  float: left;
  font-size: 32px;
  font-size: 2rem;
}
.items li .prices .day span,
.items li .prices .fortnight span {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .items > li {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 36px;
  }
  .items li {
    overflow: hidden;
  }
  .items li img,
  .items li .description,
  .items li .prices {
    float: left;
  }
  .items li img {
    margin-right: 2.880%;
    width: 25.520%;
    height: 100%;
  }
  .items li .description {
    min-height: 100%;
    width: 45.260%;
    padding-right: 2.400%;
    border-right: 1px solid #fff;
    border-bottom: 0 none;
  }
  .items li .description:before, .items li .description:after {
    margin-right: 0;
    top: 50%;
    bottom: auto;
    right: -8px;
  }
  .items li .description:before {
    margin-top: -3px;
  }
  .items li .description:after {
    margin-top: 3px;
  }
  .items li .prices {
    padding: 0;
    width: 21.540%;
    margin-left: 2.400%;
    border-bottom: 0 none;
  }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
  .legs {
    position: absolute;
    left: 100%;
    top: -40px;
  }
}

.contact-deets {
  margin-top: 50px;
  text-align: center;
}
.contact-deets a {
  font-size: 0.6em;
  display: block;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .contact-deets a {
    font-size: 1em;
    display: inline;
  }
}

.bookings {
  position: relative;
}
.bookings p {
  clear: both;
}
.bookings h1,
.bookings label {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: Bitter, Georgia, "Times New Roman", Times, serif;
  text-transform: none;
}
.bookings img {
  margin: 0 auto;
  display: block;
}
.bookings input,
.bookings select {
  margin: 5px 0 15px 0;
}
.bookings fieldgroup label,
.bookings fieldgroup input,
.bookings fieldgroup select {
  display: block;
}
.bookings table {
  font-size: 12px;
  font-size: 0.75rem;
  clear: both;
  margin: 50px 0;
}
.bookings table input {
  width: 50px;
}
.bookings table select {
  width: 100%;
}
.bookings table input,
.bookings table select {
  margin: 0;
}
.bookings table th,
.bookings table td {
  border-left: 1px solid #fff;
}
.bookings table th:first-child,
.bookings table td:first-child {
  border-left: 0 none;
}
.bookings table td {
  padding: 5px 0;
}
.bookings table td:last-child {
  padding: 10px;
  border-left: 0 none;
}
.bookings table th {
  text-align: center;
  border-bottom: 1px solid #fff;
}
.bookings table th:last-child {
  padding: 15px;
  border-left: 0 none;
  border-bottom: 0 none;
}
.bookings table .delete span {
  display: none;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .bookings {
    width: 70%;
  }
  .bookings input,
  .bookings select {
    margin: 5px 0 15px 0;
  }
  .bookings table {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .bookings table input {
    width: 90px;
  }
  .bookings table th {
    padding: 10px;
  }
  .bookings table td {
    padding: 15px 25px;
  }
  .bookings fieldgroup {
    width: 30%;
    float: left;
  }
  .bookings .fieldgroup-row {
    overflow: hidden;
  }
}

.btn {
  transition: all 300ms ease-in-out;
  padding: 10px;
  border-radius: 0;
  outline: none;
  border: 0 none;
  background: #fff;
}
.btn:hover {
  background: black;
  color: #fff;
}
.btn.loading {
  padding-right: 40px;
  background: #fff url("../images/loader.gif") no-repeat 90% center;
}
.btn.loading:hover {
  background: #fff;
  color: #000;
  curser: default;
}

.datepicker {
  width: 160px;
}

footer {
  box-sizing: border-box;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  padding: 25px 60px;
  color: #000;
  font-family: Cinzel, Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  overflow: hidden;
  margin-bottom: 40px;
}
footer a {
  color: #000;
}
footer a:visited {
  color: #000;
}
footer .to-top {
  display: block;
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  footer {
    text-align: left;
    margin-bottom: 0;
  }
  footer .to-top {
    float: right;
  }
}

/* ------------------------------------------------------------------------------------------------

Shame
=====

1. 	If it’s a hack, it goes in shame.css.
2. 	Document all hacks fully:
  a. 	What part of the codebase does it relate to?
  b. 	Why was this needed?
  c. 	How does this fix it?
  d. 	How might you fix it properly, given more time?
3. 	Do not blame the developer; if they explained why they had to do it then their reasons are
probably (hopefully) valid.
4. 	Try and clean shame.css up when you have some down time.

via: http://csswizardry.com/2013/04/shame-css/

------------------------------------------------------------------------------------------------ */