h1, h2, h3, h4, h5 { font-family: 'Playfair Display', serif; }
h1 {margin-bottom: .75em;}
h2 {margin-bottom: 1.00em;}

p {margin-bottom: .5em;}

.my-6 { margin-top: 4rem!important; margin-bottom: 4rem!important;}
.py-6 { padding-top: 4rem!important; padding-bottom: 4rem!important;}


.padding-bottom-mi {padding-bottom: 3px;}

.bg-light-gray { background-color:#f5f5f5; }


.material-icons {
    vertical-align: bottom;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

  .amenities ul li { line-height: 24px; vertical-align: middle!important; }
  .amenities ul li span { display:inline-block; line-height: 24px; }

  .gallery a img {transition: transform .2s;}
  .gallery a img:hover{ transform: scale(1.1); z-index: 500;}
  .gallery .row div:hover {z-index: 500;}