@import url('https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.headline__primary {
  position: relative;
  z-index: 1;
  margin: 0;
  letter-spacing: 0.2em;
  margin-right: -0.1em; }
  @media screen and (max-width: 900px) {
    .headline__primary {
      font-size: 37px; } }

.headline__secondary {
  position: relative;
  font-family: "Herr Von Muellerhoff", Palatino, serif;
  font-size: 100px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  padding: 0 72px;
  margin: 0 -72px;
  color: #acb8bc !important; }
  @media screen and (max-width: 900px) {
    .headline__secondary {
      font-size: 85px;
      padding: 0 36px;
      margin: 0 -36px; }
      .headline__secondary.headline__secondary {
        margin-bottom: -24px; } }

.et_pb_bg_layout_dark h2.headline__secondary{color: #acb8bc !important}

/*rtl:begin:ignore*/
.headline__secondary .first-letter {
  position: relative;
  top: 10px;
  font-size: 1.22em;
  padding-left: 72px;
  margin: 0 -72px;
  letter-spacing: 72px; }

.et_pb_widget{float:none;text-align:center}

#top-menu li.current-menu-item > a{color: #acb8bc}
#top-menu li a{text-transform:uppercase}

.entry-content tr td{vertical-align:top}

.otreservations{max-width:700px;margin:0 auto}
.otw-wrapper>.otw-input-wrap{padding-left: 48px}
.otw-wrapper>.otw-input-wrap{float: left}
.otw-input-wrap{display: inline-block;margin-bottom: 20px;vertical-align: top;}
.otw-input-wrap label{display: inline-block;margin-right: 12px;cursor: pointer;box-sizing: border-box}
.otw-input-wrap input, .otw-input-wrap select {width: 150px;height: 40px;padding: 6px;background: none;border: 1px solid #d8d8d8;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color:#000;font-weight:normal}
.otw-button-wrap{margin-top:36px;text-align:center;}
.otw-button-wrap input{color:#fff;background-color: #373E40;padding: 12px 30px;border-radius: 3px;border:none;cursor: pointer}
  @media only screen and (min-width: 900px) {
  .otw-input-wrap{width: 33.333%;}
}
.icon, [class^="icon-"]:before, [class*=" icon-"]:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased}
.icon-user:before {content: "\f007"}
.icon-phone:before {content: "\f095"}
.icon-envelope-o:before {content: "\f003"}
.icon-calendar:before {content: "\f073"}
.icon-clock-o:before {content: "\f017"}
.icon-group:before, .icon-users:before {content: "\f0c0"}