.rooms-grid-top{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,380px);gap:18px;margin-bottom:18px}@media screen and (max-width:767px){.rooms-grid-top{grid-template-columns:1fr;grid-template-rows:repeat(3,320px);margin-bottom:4em}}.rooms-grid-top a{color:#fff}.rooms-grid-top a:hover{color:#fff}.rooms-grid-top .grid-item{background-color:#000;position:relative;overflow:hidden;color:#fff}.rooms-grid-top .rooms-header{width:95%;text-align:center}.rooms-grid-top .rooms-header p{margin:0}.rooms-grid-top .object-fit{opacity:.5}.rooms-grid-top .item-1{grid-column:1/2;grid-row:1}@media screen and (max-width:767px){.rooms-grid-top .item-1{grid-column:1;grid-row:1}}.rooms-grid-top .item-2{grid-column:2/3;grid-row:1}@media screen and (max-width:767px){.rooms-grid-top .item-2{grid-column:1;grid-row:2}}.rooms-grid-top .item-3{grid-column:3/4;grid-row:1}@media screen and (max-width:767px){.rooms-grid-top .item-3{grid-column:1;grid-row:3}}.rooms-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,380px);gap:18px;margin-bottom:18px}@media screen and (max-width:767px){.rooms-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,320px);margin-bottom:4em}}.rooms-grid a{color:#fff}.rooms-grid a:hover{color:#fff}.rooms-grid .grid-item{background-color:#000;position:relative;overflow:hidden;color:#fff}.rooms-grid .rooms-header{width:95%;text-align:center}.rooms-grid .rooms-header p{margin:0}.rooms-grid .object-fit{opacity:.5}.rooms-grid .item-4{grid-column:1/3;grid-row:1}@media screen and (max-width:767px){.rooms-grid .item-4{grid-column:1;grid-row:1}}.rooms-grid .item-5{grid-column:3/5;grid-row:1}@media screen and (max-width:767px){.rooms-grid .item-5{grid-column:1;grid-row:2}}.rooms-grid .item-6{grid-column:1/3;grid-row:2}@media screen and (max-width:767px){.rooms-grid .item-6{grid-column:1;grid-row:3}}.rooms-grid .item-7{grid-column:3/5;grid-row:2}@media screen and (max-width:767px){.rooms-grid .item-7{grid-column:1;grid-row:4}}.vhcenter{top:40%!important}.vhcenter-hover{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:70%;left:50%;z-index:2}.hoverText{display:none}.hoverText p{width:100%}@media screen and (max-width:767px){.hoverText{display:block}}.grid-item:hover .hoverText{display:block!important}.lodge-mobile{grid-template-rows:repeat(1,380px)}@media screen and (max-width:767px){.lodge-mobile{grid-template-rows:repeat(2,380px)!important}}