@-ms-viewport {
  zoom: 1.0; }

@-o-viewport {
  zoom: 1.0; }

@viewport {
  zoom: 1.0; }

@font-face {
  font-family: "Mostra Nuova Light";
  src: url("../fonts/mostra-nuova/light-035cfa42.eot") format("eot"), url("../fonts/mostra-nuova/light-7a5ccab1.ttf") format("truetype"), url("../fonts/mostra-nuova/ligth-5af949f2.woff") format("woff"); }

@font-face {
  font-family: "Bernhard Modern Roman";
  src: url("../fonts/bernhard-modern/roman-c6ff7367.woff") format("woff"); }

:root {
  text-align: justify;
  background: white;
  color: black;
  font-family: "Bernhard Modern Roman", serif;
  margin-top: 60px;
  font-size: 23px; }

body {
  margin: 0; }

:link, :visited {
  text-decoration: none;
  font-family: "Mostra Nuova Light", sans-serif;
  color: #13746a; }
  :link:hover, :hover:visited {
    -webkit-text-decoration: underline #98eee6;
            text-decoration: underline #98eee6; }

nav {
  font-family: "Mostra Nuova Light", sans-serif;
  color: #13746a;
  margin: 0;
  padding: 0;
  width: 100%;
  background: white;
  position: fixed;
  top: 0;
  text-align: center; }
  nav > * {
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    padding: 6px; }
  nav .logo img {
    height: 48px;
    width: 48px;
    display: inline-block;
    vertical-align: top;
    border-radius: 24px; }
  nav .booking {
    background: #0596de;
    height: 24px;
    line-height: 24px;
    padding: 12px;
    margin: 6px;
    border-radius: 6px; }
    nav .booking a {
      color: white; }
  nav .phone {
    font-weight: bold;
    line-height: 48px; }
  nav .nav-menu > ul {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    background: white; }
    nav .nav-menu > ul > li {
      height: 24px;
      line-height: 24px;
      display: inline-block;
      background: #daf9f6;
      padding: 12px;
      margin: 6px;
      border-radius: 6px; }
      nav .nav-menu > ul > li > ul {
        display: none; }
      nav .nav-menu > ul > li:hover > ul {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 10;
        left: 0;
        width: 100%;
        top: 0;
        margin: 0;
        padding: 0;
        background: white; }
        nav .nav-menu > ul > li:hover > ul > li {
          display: block;
          background: #daf9f6;
          margin: 6px 6px 0;
          padding: 12px; }
          nav .nav-menu > ul > li:hover > ul > li:last-child {
            margin-bottom: 6px; }
  nav .nav-menu:hover > ul {
    display: block; }
  @media (min-width: 1450px) {
    nav .nav-menu img {
      display: none; }
    nav .nav-menu > ul {
      display: inline-block;
      position: relative;
      top: 0; }
      nav .nav-menu > ul > li {
        position: relative;
        margin: 0 6px; }
        nav .nav-menu > ul > li:hover > ul {
          left: -6px;
          width: 200px;
          top: 48px; } }
body > header {
  width: 80%;
  background: url("../images/ciel-380e5925.jpg") center center/cover no-repeat scroll;
  padding: 80px 10%;
  font-size: 110%;
  height: 200px; }
  body > header h1 {
    font-family: "Bernhard Modern Roman", serif;
    color: black;
    text-align: left;
    font-weight: inherit;
    font-size: 1.5rem;
    margin: 0; }
  body > header h2 {
    font-family: "Mostra Nuova Light", sans-serif;
    color: #13746a;
    text-align: right;
    font-size: 1.5rem;
    margin: 1rem 0 0; }
  body > header h3 {
    font-family: "Mostra Nuova Light", sans-serif;
    color: #13746a;
    text-align: right;
    font-size: 1.2rem;
    margin: 0; }
  body > header.home {
    background: url("../images/zen-f76edc7f.jpg") center center/cover no-repeat scroll; }

main {
  max-width: 30cm;
  margin: 20px auto; }
  main section > * {
    margin-top: 15px;
    margin-bottom: 0; }
  main > section {
    text-align: justify;
    background: white;
    margin: 20px;
    padding: 2rem 1rem; }
    main > section h1 {
      font-family: "Mostra Nuova Light", sans-serif;
      font-size: 2rem;
      text-transform: uppercase;
      color: #13746a;
      text-align: center; }
    main > section hr {
      width: 50%;
      margin: 10px auto;
      border: none;
      border-bottom: black 1pt solid; }
    main > section :first-child {
      margin-top: 0; }
    main > section img.main {
      margin-right: 20%;
      margin-left: 20%;
      width: 60%;
      height: auto; }
    main > section img.side {
      float: right;
      width: 150px;
      height: auto;
      margin: 10px; }
    main > section section {
      display: flex;
      flex-direction: column;
      margin-top: 3em; }
      main > section section h1 {
        font-family: "Mostra Nuova Light", sans-serif;
        text-transform: none;
        font-size: 1.5rem; }
    main > section ul {
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
    main > section li {
      margin-top: 0; }
    main > section footer {
      text-align: right;
      font-weight: bold;
      margin-top: auto; }

body > footer {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 0;
  padding: 20px;
  background: white; }
  body > footer img {
    height: 80px;
    margin: 20px; }
  body > footer div {
    margin: auto 20px auto auto; }

address {
  font-style: inherit;
  color: black; }
  address dl > dt {
    text-decoration: none; }
  address dl > dd {
    font-family: "Bernhard Modern Roman", serif; }
    address dl > dd :link, address dl > dd :visited {
      font: inherit;
      color: inherit; }

.important {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center; }

section ul {
  padding: 0.5em 0.5em 0.5em 40px; }

em, strong {
  color: #13746a;
  font-family: "Mostra Nuova Light", sans-serif;
  font-weight: bold;
  font-style: normal; }

strong {
  text-transform: uppercase; }

.pricing {
  font-family: "Mostra Nuova Light", sans-serif;
  text-align: center; }

li {
  font-family: "Mostra Nuova Light", sans-serif;
  color: #13746a;
  list-style: url("../images/dash-27d3ca9a.svg"); }

dl > dt {
  font-family: "Mostra Nuova Light", sans-serif;
  color: #13746a;
  text-decoration: underline;
  font-size: 130%;
  margin-top: 1rem; }

.checkerboard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: "Mostra Nuova Light", sans-serif;
  color: #13746a; }
  .checkerboard > * {
    margin: 1em;
    max-width: 10cm;
    width: 100%; }
  .checkerboard img {
    width: 100%;
    height: 100%; }
  .checkerboard h1 {
    text-align: left;
    padding-left: 15px; }

iframe {
  border: none; }