.topMenu a {
  display: block;
  padding: 0.3125rem 0.25rem;
}
.gt-rooms,
.title-rooms{
  background-color: #F2FBFB;
}

.fl-rooms{
  background-color: #FFEDEB;
}
.room{
  display: grid;  
}
.room ul{
  list-style: none;
  padding: 0
}
.room>div,
.room>ul{
  padding: 0 0.5em
}

.room img{
  grid-column: 1/3;
  grid-row: 1/3;
  width: 100%;
}

.room .gallery,
.room .name{
  background: #00000091;
  color: #fff;
  grid-column: 1/3;
  grid-row: 2;
  padding: 1em 0.5em;
}

.room .gallery{
  align-self: end;
  background:none;
  max-width: 30px;
  justify-self: end;
  padding-right:2em;
}

.room .beds{
  grid-row: 3;
  grid-column: 1/3;
}
.room .cancelation{
  grid-row: 4;
  grid-column: 1/3;
  color: green;
}
.room .facilities{
  color: #666;
  grid-column: 1;
  grid-row: 5;
}
.room .presentation_info{
  grid-column: 1/3;
  grid-row: 6;
}
.room .buttons{
  display: grid;
  grid-auto-flow: column;
  grid-column: 1/3;
  grid-row: 7;
  grid-template-columns: auto auto;
  justify-content: center;
  padding: 1em
}

.room .resume{
  grid-row: 5;
  grid-column: 2;
  text-align: right;
  padding-top: 1em;
}


.ui.segment.looader {
  margin:0;
  min-height: 25vh;
}
.gallery-swiper{
  height: 30vh;
}
.gallery-swiper .swiper-slide img{
  width: 100%;
  height: 30vh;
  object-fit: contain;
}

p.description{
  padding: 2em;
  text-align: justify;
}

.getaway2 .checkbox label{
  margin-bottom: 0.7em
}

@media only screen and (min-width: 820px){
  
  form.reservation .ui.button{
    margin: auto;
    border-radius: 0.59em
  }

  .room{
    grid-gap: 0.5em;
    grid-column-gap: 2em;
    grid-template-columns: 370px auto auto 200px;
    margin: auto;
    margin-bottom: 1em; 
    max-width: 1000px;
  }
  .room img{
    grid-column: 1;
    grid-row: 1 / 4;
    min-height: 100%;
    object-fit: cover;
  }
  .room .gallery{
    background: #00000091;
    border-radius:4pxz;
    color: #fff;
    grid-column:1;
    grid-row: 3;
    padding:0.5em;
    padding-bottom: 0.2em;
    padding-right: 0.2em;
    max-width: unset;
    margin-bottom: 0.5em; 
    margin-right: 0.5em;
  }
  .room .name{
    background: none;
    border-bottom: solid 1px #000;
    color:#000;
    font-size: 1.1em;
    grid-column:2 / 4;
    grid-row: 1;
    max-height: 2.4em;

  }
  .room .beds{
    grid-column: 2;
    grid-row: 2;
  }
  .room .facilities{
    grid-column: 3;
    grid-row: 2;
  }
  .room .resume{
    grid-column: 4;
    grid-row: 1/3;
  }
  .room .presentation_info{
    grid-column: 2/4;
    grid-row: 3;
  }
  .room .buttons{
    align-self: end;
    grid-row: 2/4;
    grid-column: 4;
    grid-auto-flow: row;
    grid-template-columns: auto;
    grid-gap: 0.5em;
    justify-self: end;
  }
}