.reservation-tiles-wrapper .wrapper {
  padding: 0px 50px; }
.reservation-tiles-wrapper .one-position {
  padding: 25px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  z-index: 2; }
  .reservation-tiles-wrapper .one-position:hover {
    transform: scale(0.95); }
  .reservation-tiles-wrapper .one-position h2 {
    font-family: "Bangers", sans-serif;
    font-size: 48rem;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0; }
  .reservation-tiles-wrapper .one-position .text-inner {
    width: 77%;
    padding-right: 15px; }
  .reservation-tiles-wrapper .one-position .buttons {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 8px;
    width: 23%;
    padding-bottom: 15px; }
    .reservation-tiles-wrapper .one-position .buttons a.btn {
      padding: 14px 34px;
      margin: 0; }
  .reservation-tiles-wrapper .one-position .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
    .reservation-tiles-wrapper .one-position .photo .image {
      z-index: 1;
      margin: 0;
      height: 100%; }
      .reservation-tiles-wrapper .one-position .photo .image figcaption {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important; }
    .reservation-tiles-wrapper .one-position .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .reservation-tiles-wrapper .one-position .text {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
    padding: 25px 40px;
    align-items: flex-end; }
  .reservation-tiles-wrapper .one-position .inner {
    width: 100%;
    height: 515px;
    position: relative;
    display: flex;
    align-items: flex-end; }
    .reservation-tiles-wrapper .one-position .inner:after {
      width: 100%;
      height: 100%;
      min-height: 100%;
      position: absolute;
      z-index: 1;
      content: "";
      background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.9) 6%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); }

@media (max-width: 575.5px) {
  .reservation-tiles-wrapper {
    padding: 0; }
    .reservation-tiles-wrapper .one-position {
      padding: 15px; }
      .reservation-tiles-wrapper .one-position .buttons {
        width: 34%; }
        .reservation-tiles-wrapper .one-position .buttons a.btn {
          padding: 9px 8px; }
      .reservation-tiles-wrapper .one-position .text-inner {
        width: 66%; }
      .reservation-tiles-wrapper .one-position h2 {
        font-size: 23rem; }
      .reservation-tiles-wrapper .one-position .text {
        padding: 25px 10px; }
      .reservation-tiles-wrapper .one-position .inner {
        height: 70vw; }
        .reservation-tiles-wrapper .one-position .inner:after {
          background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.9) 33%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); }
    .reservation-tiles-wrapper .wrapper {
      padding: 0px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .reservation-tiles-wrapper {
    padding: 0; }
    .reservation-tiles-wrapper .one-position {
      padding: 15px; }
      .reservation-tiles-wrapper .one-position .buttons {
        width: 34%; }
        .reservation-tiles-wrapper .one-position .buttons a.btn {
          padding: 12px 23px; }
      .reservation-tiles-wrapper .one-position .text-inner {
        width: 66%; }
      .reservation-tiles-wrapper .one-position h2 {
        font-size: 25rem; }
      .reservation-tiles-wrapper .one-position .text {
        padding: 25px 10px; }
      .reservation-tiles-wrapper .one-position .inner {
        height: 355px; }
    .reservation-tiles-wrapper .wrapper {
      padding: 0px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .reservation-tiles-wrapper {
    padding: 0; }
    .reservation-tiles-wrapper .one-position {
      padding: 15px; }
      .reservation-tiles-wrapper .one-position .buttons {
        width: 34%; }
        .reservation-tiles-wrapper .one-position .buttons a.btn {
          padding: 12px 23px; }
      .reservation-tiles-wrapper .one-position .text-inner {
        width: 66%; }
      .reservation-tiles-wrapper .one-position h2 {
        font-size: 33rem; }
      .reservation-tiles-wrapper .one-position .text {
        padding: 25px 10px; }
      .reservation-tiles-wrapper .one-position .inner {
        height: 425px; }
    .reservation-tiles-wrapper .wrapper {
      padding: 0px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .reservation-tiles-wrapper {
    padding: 0 20px; }
    .reservation-tiles-wrapper .one-position {
      padding: 15px; }
      .reservation-tiles-wrapper .one-position .buttons {
        width: 34%; }
        .reservation-tiles-wrapper .one-position .buttons a.btn {
          padding: 12px 23px; }
      .reservation-tiles-wrapper .one-position .text-inner {
        width: 66%; }
      .reservation-tiles-wrapper .one-position h2 {
        font-size: 33rem; }
      .reservation-tiles-wrapper .one-position .text {
        padding: 25px 10px; }
      .reservation-tiles-wrapper .one-position .inner {
        height: 300px; }
    .reservation-tiles-wrapper .wrapper {
      padding: 0px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .reservation-tiles-wrapper {
    padding: 0 20px; }
    .reservation-tiles-wrapper .one-position .buttons {
      width: 34%; }
      .reservation-tiles-wrapper .one-position .buttons a.btn {
        padding: 14px 30px; }
    .reservation-tiles-wrapper .one-position .text-inner {
      width: 66%; }
    .reservation-tiles-wrapper .one-position h2 {
      font-size: 36rem; }
    .reservation-tiles-wrapper .one-position .text {
      padding: 25px 20px; }
    .reservation-tiles-wrapper .one-position .inner {
      height: 380px; }
    .reservation-tiles-wrapper .wrapper {
      padding: 0px; } }
@media (min-width: 1580px) and (max-width: 1699.5px) {
  .reservation-tiles-wrapper .wrapper {
    padding: 0px 25px; } }

/*# sourceMappingURL=reservation_tiles.css.map */